刚一开始使用的是建立个函数
function createTestWindows(){ var testFormPanel=new Ext.FormPanel({ //... //中间代码省略 //... }); testFormPanel.getForm().load({ clientValidation: false, url: 'testurl.aspx', waitMsg: '读取数据中...', method: 'GET' }); var testWin = new Ext.Window({ //... //代码省略 items: [testFormPanel], //... //代码省略 }).show(); }
但是这种设计有局限性,无法单独在其他地方使用createTestWindows内部的testFormPanel,我的解决想法是把testFormPanel放到外面,代码如下:
var testFormPanel; function createTestFromPanel(){ testFormPanel=new Ext.FormPanel({ //... //中间代码省略 //... }); testFormPanel.getForm().load({ clientValidation: false, url: 'testurl', waitMsg: '读取数据中...', method: 'GET' }); } function createTestWindows(){ createTestFromPanel();//每次重新打开后再重新建立FormPanel var testWin = new Ext.Window({ //... //代码省略 items: [testFormPanel], //... //代码省略 }).show(); }
然后就可以在其他想用testFormPanel的地方用下面代码使用:
createTestFormPanel(); //别忘了先引用带有这个函数的js文件 testFromPanel.render(document.body);