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

Posted 2023-03-15

在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不关闭，刷新页面，第一次添加可以关闭

参考技术A 可以在“添加”那个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()
参考技术B 在$('#brandAdd_dialog').dialog(里面添加一条
onClose: function()
try
$('#brandAdd_dialog').uploadify('destroy');
catch (e)
参考技术C function showAddDialog()
//这里先empty一下
$('#brandAdd_dialog').empty()
$('#brandAdd_dialog').dialog();