easyui对话框注意的地方

由于最近公司的项目后端页面采用jquery-easyui技术，所以本人学习了一点easyui的基本知识，个人感觉easyui给从事项目后端开发的小伙伴们还是挺好用的，简单、容易、上手很快、不需要像前端工程师那样做出一个漂亮的页面（easyui本身没法实现），只要能正常使用即可。

在使用的过程中，遇到一个思考了很久的问题。在每次打开一个dialog进行修改数据时，然后关闭，第二次打开dialog里总能出现上次的数据没有清除。

function openAddDiv() {
$('#addDg').dialog();
$("form,  .init_hidden").show();
$(".init_hidden-content").css({
height : ($(window).height() * 1 - 150) + 'px',
'margin-bottom' : '20px'
});
}

function closeDialog(id) {
$('#' + id).dialog('close');
}

后来才发现$('#' + id).dialog('close')只是把dialog给关闭了，没有对数据进行清除，这就导致了错误的发生。

我们需要对当前的dialog下的表单进行clear。如下：

$('#' + id).dialog(){

//在关闭对话框时触发function事件：

onClose:function({

//对在dialog里的表单数据clear：

$('#addForm').form('clear');

}

});

如果已经不用这个对话框可以直接destroy掉：

$('#' + id).dialog('destroy');