当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（）应重新加载网格。