GridPanel无法在TabPanel内更新

Question

我有一个GridPanel，只需更改数据然后调用store.load（）即可在常规容器中正确更新。如果我将GridPanel放在TabPanel中，更改数据并调用store.load（），GridPanel不会更新。我知道'过度嵌套'，但我不认为我在这里这样做，因为GridPanel直接放在网格中。

为什么它不会自动更新？

代码：

function doMainScreen() {
  tabPanel = new Ext.TabPanel({
    activeItem: 0,
    autoRender: true,
    layout: 'fit',
    width: 1024,
    height: 768,
    layoutOnTabChange: true,
    items:[{
      id: 'tab1',
      items: [doGrid1()]
    }, {
      id: 'tab2',
      items: [doGrid2()]
    }]
  });
  return tabPanel;
}

function doGrid1() {
  store = new Ext.data.JsonStore({
    proxy: new Ext.data.HttpProxy({url: destURL}),
    root: 'root',
    fields: ['field1', 'field2', 'field3'],
    autoLoad: true
  });

  // Create the data bound grid control
  gp = new Ext.grid.GridPanel({
    id: listId,

    ...
}