項目中遇到一個頁面兩個easyUi的dialog彈出層，結果只要點擊了其中一個，另外一個就不能正常顯示了，不知何因，除非刷新整個頁面才能正常顯示，為了解決這個問題，查了很多資料，終于找到一個解決方案，那就是關閉這個dialog之后將這個div進行銷毀(當然也可以直接銷毀)，因此不能使用傳統(tǒng)的div彈出dialog的寫法，需要改變思路，使用以下這種方式實現(xiàn)需要的效果，代碼如下：

一、父頁面easyUi的js代碼，這個寫法的好處是不需要再寫這個div的html代碼了，如：

<div id="addWorkFlowDialog" style="padding:10px;"></div>//現(xiàn)在只需要如下寫法即可 <script type="text/javascript">var addWorkFlowDialog; /* 定義一個臨時彈出層的全局對象 */ function newSWorkFlow() {addWorkFlowDialog = $("<div/>").dialog({title : '新增', /* 設置彈窗標題 */iconCls : 'icon-edit', /* 設置彈窗圖標 */modal : true, /* 設置為背景頁面不可操作 */width : 800, /* 設置窗口寬度 */height : 600, /* 設置窗口高度 */closed : true,href : '${ctx}/system/workFlow/addView?flowId='+flowId, /* 遠程加載頁面數(shù)據(jù) */onClose : function() { /* 當這個dialog關閉之后 */ $(this).dialog('destroy'); /* 銷毀當前這個div */}});addWorkFlowDialog.dialog("open");} </script>

二、彈出層頁面,關閉當前彈出層的js代碼，需要使用父頁面的全局對象來關閉自己

<script type="text/javascript">/* 關閉當前頁面 */function closeForm(){addWorkFlowDialog.dialog("close"); /* 調(diào)用父頁面的全局對象來關閉自己 */ } </script>

轉載于:https://blog.51cto.com/1197822/2157049

總結

以上是生活随笔為你收集整理的easyUi创建临时Dialog的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。