layui open弹窗,select下拉列表滚动条多重,覆盖

发布于 2020-03-08 17:15:04

layui open弹窗,select下拉列表滚动条多重,覆盖;
open的弹窗,会出现select下拉列表够多时候,滚动条;然后弹窗也是滚动条;
如果不设置overflow:auto;又会导致窗口高度不能出现滚动条问题;
窗口滚动条包含select滚动条!
image.png

查看更多

关注者
1
被浏览
462
5 个回答
刘亮
刘亮 2020-03-08
专业编码30年

这是一个layui自身的问题,一直没有找到好的办法

zhaohl2045
zhaohl2045 2020-03-09
问君能有几多愁,恰似一群太监上青楼。

这个我也遇到过,一般情况是页面上字段比较少,我一般多会让字段一列显示,然后给页面一个高度,让提交和取消按钮,在最下方。

SmallHan
SmallHan 2020-04-13

我是这样解决的,
1.在wtm.css 加如下代码

body .to-fix-select .layui-layer-content {overflow: visible;}

2.修改framework_layui.js方法,如下图

![](/uploads/20200413/08073a8d600b572838ebc041ebc09d80.jpg)
![](/uploads/20200413/8a4737705c06f8a6b844263da733e7d3.jpg)

3.在GridAction.cs中新增该属性

public bool Fixed { get; set; }

4.在GridActionExtension.cs中添加该方法

    public static GridAction SetFix(this GridAction self, bool fix = true)
        {
            self.Fixed = fix;
            return self;
        }

5.在DataTableTagHelper.cs 中将以下代码替换为

 actionScript = $"ff.OpenDialog(tempUrl,'{Guid.NewGuid().ToNoSplitString()}','{item.DialogTitle}',{width},{height},isPost===true&&ids!==null&&ids!==undefined?{{'Ids':ids}}:undefined,{item.Max.ToString().ToLower()});";
 
 替换为
  actionScript = $"ff.OpenDialog(tempUrl,'{Guid.NewGuid().ToNoSplitString()}','{item.DialogTitle}',{width},{height},isPost===true&&ids!==null&&ids!==undefined?{{'Ids':ids}}:undefined,{item.Max.ToString().ToLower()},{item.Fixed.ToString().ToLower()});";
vvll
vvll 2020-04-13

参考 layui 社区方式解决(暂时未发现其他影响),效果如下图:

layui 社区讨论地址

在 wtm.css 中添加代码:

.layui-layer-page .layui-layer-content {
    overflow: visible !important;
}

撰写答案

请登录后再发布答案,点击登录

发布
问题

分享
好友

手机
浏览

扫码手机浏览