easyUi創建臨時Dialog

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

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

<div id="addWorkFlowDialog" ></div>

//現在只需要如下寫法即可
<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,   /* 遠程加載頁面數據 */
                        onClose : function() {           /* 當這個dialog關閉之后 */    
                                $(this).dialog('destroy');   /* 銷毀當前這個div */
                        }
                });
                addWorkFlowDialog.dialog("open");
        }
</script>

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

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