Getting child editorGrid types in a FormPanel

Inside my extjs FormPanel, I have several editor grids. I don't know what the ID开发者_JAVA技巧s of these grids are, so I can't use Ext.getCmp.

What is the best way to say 'Get all the editorgrid types that are in this FormPanel'?

---

You could filter the items collection of the FormPanel by the type of each item by using isXType:

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

grids will be a new collection of all the EditorGridPanel items.

Update: A more concise way:

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

---

Though we avoid hardcoding DOM IDs, having component IDs available can be handy.

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',

... });