Javascript-форум - Из TabPanel пропадают GridPanel'и

Дорогие друзья :) Нид хелп :) Очень на вас надеюсь :)

Есть панель с layout: 'border', включающая две панели:

items: [
  new Ext.grid.GridPanel({
    region: 'center'
  }),
  new Ext.TabPanel({
    region: 'south'
  })
]

То есть: верхняя - GridPanel, нижняя - TabPanel. В верхней находится список чего-либо.

У нее есть selModel, которая следит за нажатием на ряд и добавляет табы в нижнюю TabPanel:

new Ext.grid.RowSelectionModel({
  listeners: {
    rowselect: {
      fn: function(sm, index, record) {
        tabPanel.removeAll(false);
                
        tabPanel.add(tab1, tab2, tab3);
        tabPanel.setActiveTab(0);
      }
    }
  }
}

То есть: при клике на ряд очищается TabPanel, после чего в нее добавляется три таба, каждый из которых представляет Ext.grid.GridPanel.

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

Если табы сделать не Ext.grid.GridPanel, а Ext.Panel, то проблемы нет.

Выложил проблемный код вот сюда: ...
Загляните, пожалуйста, покликайте. Буду очень благодарен, если подскажете, в чем беда.