Easyui - dialog,window影响父页面布局的BUG解决方法

我在页面写了一个窗口,默认状态是隐藏的。

整个页面效果如下:

Easyui - dialog,window影响父页面布局的BUG解决方法_第1张图片


放大后:

Easyui - dialog,window影响父页面布局的BUG解决方法_第2张图片


可以看到这里有一个很不协调的,为什么会产生这种情况呢。。。


经过2个小时左右的修改,一直不管用,我有另外一个页面和这里布局类似,但是没有这种问题,那个页面也有一个窗体。


经过修改窗体宽高后发现问题,当隐藏窗体过高时就会出现这种情况。可能是隐藏的窗体对浏览器计算位置有影响。


有以下两种解决方法,针对不同的情况:

1.将height设置成0或者任意不影响界面效果的值,当然是越小越好,0就可以了。

然后在调用窗口的时候,调用下面的方法:

$('#win').panel('resize',{
	height: 400
});

因为window继承的panel,dialog继承的window,所以他们都有resize方法,但是需要将panel换成对应的。


2.将窗体html所在位置的父DOM对象添加一个CSS

overflow: hidden;

如此就能解决影响外观的问题了。

你可能感兴趣的:(JavaScript,jquery,easyui,布局)