Extjs editorgrid作为变量不可编辑

Extjs editorgrid作为变量不可编辑,extjs,Extjs,在我的应用程序中,我创建了几个包含表单和editorgrid的模式窗口。为了重用组件,我创建了组合框、字段文本、复选框和其他变量,并且只向每个窗口添加必要的变量。其中一个变量是editorgrid,xtype:'editorgrid',存在以下问题: 如果我将变量myEditorGrid添加到面板中,则在第一次打开窗口时它工作正常,但在第二次任何窗口都必须呈现相同的editorgrid时,则无法再编辑字段 如果我在面板内创建editorgrid(并且不使用变量),那么每次打开窗口时它都可以正常工

在我的应用程序中,我创建了几个包含表单和editorgrid的模式窗口。为了重用组件,我创建了组合框、字段文本、复选框和其他变量,并且只向每个窗口添加必要的变量。其中一个变量是editorgrid,xtype:'editorgrid',存在以下问题:

如果我将变量myEditorGrid添加到面板中,则在第一次打开窗口时它工作正常,但在第二次任何窗口都必须呈现相同的editorgrid时,则无法再编辑字段

如果我在面板内创建editorgrid(并且不使用变量),那么每次打开窗口时它都可以正常工作,但是我需要将相同的代码复制粘贴到所有窗口,这不是很专业

我认为问题在于变量没有被销毁,并确保窗口已关闭,但我不知道如何销毁变量,即使这是解决方案

有什么想法吗


谢谢

您不能以这种方式重用
EditorGrid
,因为它的列模型在使用后会被破坏

重用组件的最佳方法是使用
Ext.extend
方法,然后在
initComponent
中使用类似

initComponent : function() {
    this.cm = new Ext.grid.ColumnModel({
        columns: [
          //define columns here
        ]
    });
    this.ds = new Ext.data.JsonStore({
        //store config
    });
    //...
}

你能举例说明其中一个的代码吗?我以前在尝试跨不同网格重复使用柱模型时也遇到过同样的问题