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關閉事件