Go语言视频零基础入门到精通

admin

有一个EasyUI的dialog：

1. <div id="dlg_Add" class="easyui-dialog"   style=" width:540px; "   data-options="
2.                 iconCls:"icon-allShow",
3.                 buttons: "#dlg-buttons_Add",
4.                 modal:true,
5.                 border:true,
6.                 shadow:false,
7.                 closed:true,
8.                 style:{padding:0},
9.                 title:"Add"
10.         ">

复制代码

在页面运行过程中，对话框右上有一个叉，点击了之后会关闭此对话框。
因为我写的代码里面，根本没有这个叉，显然它是easyUI自动设置的。
现在问题来了，这个关闭事件，我们能不能干预，在里边写一些自己的代码呢？比如，询问一下是否确定关闭什么的。
答案是肯定的：

1. $("#dlg_Add").dialog({
2.         onClose: function () {
3.                 alert("blablabla");
4.         }
5. });

复制代码

如果这个对话框在页面中可以反复打开，也许是因为缓存的原因，里面的数据会是上次打开时，操作后的样子，有时候可能会带来一些意想不到的异常。因此，关闭这个对话框的时候，最好将它销毁：

1. $("#dlg_Add").dialog({
2.         onClose: function () {
3.                 alert("blablabla");
4.                 $(this).dialog("destroy");//销毁
5.         }
6. });

复制代码

这两天在弄这个easyUI，一个第三方的成熟JS控件，功能很强。但对我而言，感觉没多大意思。我搞网站出身，前端，后端，数据库都会一点，但现在还是感到有点吃力。业界发展，分工越来越精细，全才是不可能的，也弄不好，前端最好还是由专门搞前端的人来负责。