easyUi創(chuàng)建臨時Dialog

項(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" ></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>