Используя тот же компонент в ExtJS

Question

У меня есть несколько ExtJS сетки я определяю их как показано ниже:

var aGrid = new Ext.grid.GridPanel({ 

    bbar : pagingToolbar 
}); 

var bGrid = new Ext.grid.GridPanel({ 

    bbar : pagingToolbar 
}); 

Но если я использую pagingToolbar как описано выше, она не работает, как ожидалось. Работает только первая сетка, во 2-м классе панель инструментов не отображается. Только одна сетка активна за раз. Мы

myTabPanel.hideTabStripItem(aGrid); 
myTabPanel.add(bGrid).show(); 
aGrid.bbar = null; 
bGrid.bbar = pagingToolbar; 

Answer 1

Вы должны создать экземпляр их следующим образом:

var aGrid = new Ext.grid.GridPanel({ 

    bbar : pagingToolbar1 
}); 

var bGrid = new Ext.grid.GridPanel({ 

    bbar : pagingToolbar2 
}); 

Другой способ, который я использую это:

var aGrid = new Ext.grid.GridPanel({ 

    bbar : { xtype: 'pagingtoolbar', store: 'Ext.data.Store'} 
}); 

var bGrid = new Ext.grid.GridPanel({ 

    bbar :{ xtype: 'pagingtoolbar', store: 'Ext.data.Store'} 
}); 

Используя два экземпляра каждого объекта (например, магазин или pagingtoolbar) абсолютно необходимо.