項目中使用到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 />