Extjs 解决Window嵌套FormPanel第一次打开关闭后第二次打开出错的问题

时间:2022-09-29 16:33:26

刚一开始使用的是建立个函数

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);