easyUi创建临时Dialog
生活随笔
收集整理的這篇文章主要介紹了
easyUi创建临时Dialog
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
項(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)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 图解设计模式:抽象工厂
- 下一篇: 第十八天笔记