javascript - ExtJs 组件扩展问题

Question

我扩展了 Ext.form.FormPanel。它包含first panel按钮，并second panel通过按钮单击呈现。就像图片上的：

但是second panel's项目是可变的，当我像这样创建它时，我把它给了我扩展的 FormPanel：

var store = new Ext.data.JsonStore({...});]
sote.load({params:{....}});

var grid = new Ext.grid.GridPanel({
//**config**//
store:store
}); 

var usersPanel = new myapp.StandartForm({
//**some config**//
secondPanelItems:[grid,{field1},{filed2...}]

});

所以grid当我创建我的扩展 FormPanel 时只创建一次。每次显示第二个面板时如何创建它？

Answer 1

使用 xtype。因此每次实例化时都会创建网格（编辑：将存储添加为 xtype）

var usersPanel = new myapp.StandartForm({
    //**some config**//
    secondPanelItems:[{
        xtype: 'grid',
        //**grid config**//
        store: {
            xtype: 'jsonstore',
            autoLoad: true,
            // other store attr
            baseParams: {...}
        }
    },{field1},{filed2...}]
});