Lorsque GridPanel n'affiche pas uniquement les éléments ajoutés

Question

Lorsque j'ajoute des éléments dans le magasin de la grille et que la grille n'est pas visible à ce moment, la grille n'est pas remplie d'éléments. Y a-t-il un correctif ou une solution de contournement pour cela?

Voici le code (passage à "tab1", cliquez sur le bouton, rétablissez "tab2" - grille est vide):

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() devrait recharger la grille. .