Jquery easyUI对话框dialog关闭事件

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自动设置的。

 现在问题来了，这个关闭事件，我们能不能干预，在里边写一些自己的代码呢？

 比如，询问一下是否确定关闭什么的。 

答案是肯定的：

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

如果这个对话框在页面中可以反复打开，也许是因为缓存的原因，

 里面的数据会是上次打开时，操作后的样子，有时候可能会带来一些意想不到的异常。

 因此，关闭这个对话框的时候，最好将它销毁：

$("#dlg_Add").dialog({  
    onClose: function () {  
        alert("blablabla");  
        $(this).dialog('destroy');//销毁代码  
    }  
});  

原文链接：Jquery easyUI对话框dialog关闭事件