easyui layout 在west部分弹出的dialog只遮罩west部分,怎样才能遮罩整个页面呢

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了easyui layout 在west部分弹出的dialog只遮罩west部分,怎样才能遮罩整个页面呢相关的知识,希望对你有一定的参考价值。

这个有可能弹出的dialog是west部分发出的。默认就是只支持当前页面的宽度和高度。
弹出的dialog(即页面定义的dialog)可以放在west的父页面。
参考技术A west部分用的是iframe吗?追问

追答

最简单的方法就是再iframe 的父页面定义dialog

easyui a页面引入b页面的一个dialog,点击a页面中的一个按钮,弹出b页面的dialog,且显示在页面中间

a.html

b.html

我这种写法的效果是:
怎么才能实现到页面中间呢

1、dialog有left和top属性。你可以通过当前document的宽度和高度来计算弹出窗口的位置
left:(window.parent.document.body.clientWidth - (545 - 14))/2
其中:545为dialog定义宽度,14为生成左后两边边框的宽度。高度也是类似这样计算。
2、你看看是不是你页面布局没有写好,一般写好的页面,弹出的dialog都是能够居中

希望能够帮到你
参考技术A dialog有left和top属性,可以设置弹出的页面位置追问

这个属性只会在iframe区域有用,不会现在在页面中间

以上是关于easyui layout 在west部分弹出的dialog只遮罩west部分,怎样才能遮罩整个页面呢的主要内容,如果未能解决你的问题,请参考以下文章

easyui dialog弹窗问题

easyUI layout

jQuery-EasyUI:Layout

easyUI layout布局

去除easyui-layout中的缩进按钮

JS-jQuery-EasyUI-Layout:Layout 布局