在FormPanel中获取子编辑器类型

Question

在我的extjs FormPanel中，我有几个编辑器网格。我不知道这些网格的ID是什么，所以我不能使用Ext.getCmp。

说出“获取此editorgrid”中所有FormPanel种类型的最佳方式是什么？

Answer 1

您可以使用items按照每个项目的类型过滤FormPanel的isXType集合：

var grids = formPanel.items.filterBy(function (item) {
    return item.isXType("editorgrid");
});

grids将是所有EditorGridPanel项的新集合。

更新：更简洁的方式：

var grids = formPanel.findByType("editorgrid", true);

Answer 2

虽然我们避免使用硬编码DOM ID，但是拥有可用的组件ID非常方便。

this.gridOneId = Ext.id( null, 'gridOne' );  // guaranteed unique
new Ext.grid.GridPanel({
        id: this.gridOneId,
        store: storeOne,
        columns: columnsOne,
        title: 'Grid One',

...         }）;

this.gridTwoId = Ext.id( null, 'gridTwo' );  // guaranteed unique
new Ext.grid.GridPanel({
        id: this.gridTwoId,
        store: storeTwo,
        columns: columnsTwo,
        title: 'Grid Two',

...         }）;