Question

EasyUI中dialog的问题，懂的来，不懂别装懂！

在jsp页面中有一个<div id="brandAdd_dialog"></div>,在js文件中有一个控制他显示的方法
function showAddDialog(){
$('#brandAdd_dialog').dialog({
title: '添加',
width: 400,
height: 200,
closed: false,
cache: false,
modal: true
});
}
这个dialog中有一个按钮，调用的方法是提交dialog中的表单，方法如下
function brand_add(){
tyr.submitForm(brandAddForm,ctx+"/brandController/add.do",function(){
tyr.pageJump(ctx+'/pages/storageManage/storageBrand.jsp?conditionSearch='+JSON.stringify($.serializeObject(brandSearchForm)));
$('#brandAdd_dialog').dialog('close');
});
};
第一次提交后，此dialog可以关闭，第二次再打开这个dialog提交完成后数据也成功插入数据库但是此dialog不能关闭。必须手动点右上方的“X”才能关闭。 我的这个dialog中的表单是与添加页面在同一个界面中，dialog其实是隐藏，为什么第二次不能隐藏，是不是需要将表单重新分一个界面，每次创建新的用完再destroy？
可以解决问题再追加100财富值。

点确定后后面的添加dialog不关闭，刷新页面，第一次添加可以关闭





Answer 1

可以在“添加”那个dialog中添加这个属性，而且你的“确定”按钮处理应该放在buttons的handler方法中，并在这里销毁“添加”对话框。

buttons : [ {

text : '确定',
iconCls : 'icon-ok',
handler : function() {
var d = $(this).closest('.window-body');
d.dialog('destroy');
//点击“添加”对话框中的“确定”按钮会做的事

}
} ],
onClose : function() {
$(this).dialog('destroy');
},
onLoad : function() {
}

Answer 2

在$('#brandAdd_dialog').dialog({里面添加一条
onClose: function() {
try {
$('#brandAdd_dialog').uploadify('destroy');
} catch (e) {}
}

Answer 3

function showAddDialog(){
//这里先empty一下
$('#brandAdd_dialog').empty()
$('#brandAdd_dialog').dialog();
}