項(xiàng)目中遇到一個頁面兩個easyUi的dialog彈出層，結(jié)果只要點(diǎn)擊了其中一個，另外一個就不能正常顯示了，不知何因，除非刷新整個頁面才能正常顯示，為了解決這個問題，查了很多資料，終于找到一個解決方案，那就是關(guān)閉這個dialog之后將這個div進(jìn)行銷毀(當(dāng)然也可以直接銷毀)，因此不能使用傳統(tǒng)的div彈出dialog的寫法，需要改變思路，使用以下這種方式實(shí)現(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 : '新增', /* 設(shè)置彈窗標(biāo)題 */iconCls : 'icon-edit', /* 設(shè)置彈窗圖標(biāo) */modal : true, /* 設(shè)置為背景頁面不可操作 */width : 800, /* 設(shè)置窗口寬度 */height : 600, /* 設(shè)置窗口高度 */closed : true,href : '${ctx}/system/workFlow/addView?flowId='+flowId, /* 遠(yuǎn)程加載頁面數(shù)據(jù) */onClose : function() { /* 當(dāng)這個dialog關(guān)閉之后 */ $(this).dialog('destroy'); /* 銷毀當(dāng)前這個div */}});addWorkFlowDialog.dialog("open");} </script>

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

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

轉(zhuǎn)載于:https://blog.51cto.com/1197822/2157049

總結(jié)

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

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