When GridPanel it doesn't display just added items

When I'm adding items to the grid's store and grid is not visible at that moment then grid is not populated with items. Is there any fix or workaround for this?

Here is the code (switch to "tab1", click button, switch back to "tab2" — grid is empty):

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: tr开发者_C百科ue,
                id: 'grid-panel',
                autoExpandColumn: 'text',
                columns: [{id: 'text', header: 'Category', width: 1, dataIndex: 'text'}],
                store: new Ext.data.ArrayStore({
                    fields: ['id', 'text']
                })
            }
        }]
    });
});

grid.getView().refresh() should reload the grid.