easyUI dialog 弹窗 居中显示

xiaoxiao2021-02-28  30

自从使用了jquery easyUI 以来对于dialog弹出框的显示位置一直是块心病,想了多种办法处理。总是觉得不是最好的,今天看见网上一博客局的挺有道理的,就运用到自己的项目中试了试,觉的挺好就记录下来分享下,具体如下:

默认情况下应该是在屏幕居中显示的。但是有的时候没有居中只要重新纠正下就可以了

$('#add_dialog').dialog('open'); //打开添加对话框 $('#add_dialog').window('center');//使Dialog居中显示

dialog继承自window.

当dialog弹出的两个页面内 都同时存在ID相同的表单元素的时候,容易引发错误。

因为dialog在调用close的方法时,页面元素并只是隐藏起来。当另外页面弹出时。同时又刚好存在了相同ID的元素 则引起了冲突。

因此在调用close方法后再调用dialog的destroy销毁方法即可。

$("#ID").dialog("close");

$("#ID").dialog("destroy");

转载请注明原文地址: https://www.6miu.com/read-2350240.html

最新回复(0)