Jquery easyUI對話框dialog關閉事件


有一個easyUI的dialog:


<div id="dlg_Add" class="easyui-dialog"   style=" width:540px; "   data-options="  
        iconCls:'icon-allShow',  
        buttons: '#dlg-buttons_Add',  
        modal:true,  
        border:true,  
        shadow:false,  
        closed:true,  
        style:{padding:0},  
        title:'Add'  
    ">  

在頁面運行過程中,對話框右上有一個叉,點擊了之后會關閉此對話框。 因為我寫的代碼里面,

根本沒有這個叉,顯然它是easyUI自動設置的。

 現(xiàn)在問題來了,這個關閉事件,我們能不能干預,在里邊寫一些自己的代碼呢?

 比如,詢問一下是否確定關閉什么的。 

答案是肯定的:

$("#dlg_Add").dialog({  
    onClose: function () {  
        alert("blablabla");  
    }  
});  

如果這個對話框在頁面中可以反復打開,也許是因為緩存的原因,

 里面的數(shù)據會是上次打開時,操作后的樣子,有時候可能會帶來一些意想不到的異常。

 因此,關閉這個對話框的時候,最好將它銷毀:

$("#dlg_Add").dialog({  
    onClose: function () {  
        alert("blablabla");  
        $(this).dialog('destroy');//銷毀代碼  
    }  
});  


原文鏈接:Jquery easyUI對話框dialog關閉事件