layui open弹窗,select下拉列表滚动条多重,覆盖;
open的弹窗,会出现select下拉列表够多时候,滚动条;然后弹窗也是滚动条;
如果不设置overflow:auto;又会导致窗口高度不能出现滚动条问题;
窗口滚动条包含select滚动条!
我是这样解决的,
1.在wtm.css 加如下代码
body .to-fix-select .layui-layer-content {overflow: visible;}
2.修改framework_layui.js方法,如下图


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()});";
参考 layui 社区方式解决(暂时未发现其他影响),效果如下图:
在 wtm.css 中添加代码:
.layui-layer-page .layui-layer-content {
overflow: visible !important;
}