Jquery easyUI對(duì)話框dialog關(guān)閉事件


有一個(gè)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'  
    ">  

在頁(yè)面運(yùn)行過(guò)程中,對(duì)話框右上有一個(gè)叉,點(diǎn)擊了之后會(huì)關(guān)閉此對(duì)話框。 因?yàn)槲覍?xiě)的代碼里面,

根本沒(méi)有這個(gè)叉,顯然它是easyUI自動(dòng)設(shè)置的。

 現(xiàn)在問(wèn)題來(lái)了,這個(gè)關(guān)閉事件,我們能不能干預(yù),在里邊寫(xiě)一些自己的代碼呢?

 比如,詢問(wèn)一下是否確定關(guān)閉什么的。 

答案是肯定的:

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

如果這個(gè)對(duì)話框在頁(yè)面中可以反復(fù)打開(kāi),也許是因?yàn)榫彺娴脑颍?

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

 因此,關(guān)閉這個(gè)對(duì)話框的時(shí)候,最好將它銷毀:

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


原文鏈接:Jquery easyUI對(duì)話框dialog關(guān)閉事件