项目中使用到easyui,少不了一些弹出对话框。开发过程中也遇到不少问题。
1. 在弹出窗口中填入数据,点击保存按钮,保存成功,刷新列表,最后关闭对话框。
问题就出在最后,用FF调试提示$.data(...)未定义,好像有个参数是_206啥的。但同样的代码在另外一个项目却能正常关闭对话框。
最后换了另一种方式来初始化对话框:
<div id="myDialog" style="display:none;overflow:hidden;background: #fafafa;">
<table width='100%'>
……
</table>
</div>
在页面初始化时,顺便生成:
dialog = $('#myDialog').show().dialog({
modal : true,
cache: false,
modal: true,
closable: true,
draggable: true,
width: 260,
height: 180,
buttons : [{
text : '保存',
iconCls:'icon-ok',
handler : function() {
……
dialog.dialog('close');
}
},{
text:'取消',
iconCls:'icon-ok',
handler : function() {
dialog.dialog('close');
}
}],
onClose:function(){
},
onOpen: function() {
}
}).dialog('close');
2. 如何修改TITLE:
dialog.dialog('setTitle','XXXX');
——————————————————————————————————————
后来在保存时发现有取不到值,通过FF查看页面元素,才发现后台生成的dialog竟然有2个。说明页面被调用过2次,经过排除,才发现sitemesh那里的模板文件加多了个<decorator:body />