Получение дочерних типов editorGrid в 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, наличие доступных идентификаторов компонентов может быть полезным.

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

... });