学步园

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

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