Когда GridPanel не отображает только добавленные элементы

Question

Когда я добавляю элементы в хранилище сетки, и сетка в этот момент не видна, тогда сетка не заполняется элементами. Есть ли какое-либо исправление или обходной путь для этого?

Вот код (переключиться на «tab1», нажать кнопку, вернуться на «tab2» - сетка пуста):

var tbar = {
    items: [{
        text: 'add some lines',
        handler: function() {
            Ext.getCmp('grid-panel').store.loadData([[1, 'aaaaa'], [2, 'bbbbb']]);
        }
    }]
};

Ext.onReady(function() {
    var p = new Ext.TabPanel({
        renderTo: 'panel-div',
        width: 500,
        height: 350,
        title: '123123',
        activeItem: 1,
        items: [{
            title: 'tab1',
            tbar: tbar
        },{
            title: 'tab2',
            layout: 'fit',
            tbar: tbar,
            items: {
                xtype: 'grid',
                hideHeaders: true,
                id: 'grid-panel',
                autoExpandColumn: 'text',
                columns: [{id: 'text', header: 'Category', width: 1, dataIndex: 'text'}],
                store: new Ext.data.ArrayStore({
                    fields: ['id', 'text']
                })
            }
        }]
    });
});

Answer 1

grid.getView (). Refresh () должен перезагрузить сетку.