Панель не расширяется вертикально в TabPanel

Question

Используя Extjs, у меня есть TabPanel, содержащий две панели. Эти панели автоматически не расширяются вертикально. Все макеты установлены с типом «fit», а forceFit - true.

Я Pastebin моего кода здесь: http://pastebin.com/s8ucY4TX

Edit:

Я обновил свой код по предложению Кунала в: http://pastebin.com/pu5PYuDN

Для описания интерфейса: у вас есть дерево список, содержащий несколько узлов. Когда пользователь нажимает на один из этих узлов, открывается вкладка (вызывающая функцию ZombieTab (zombie_ip)) с двумя суб-вкладками (ZombieTab_MainTab и ZombieTab_Commands).

Редактирование кода с предложением Kunal имело следующий эффект: мы видим, что нижние столбцы ZombieTab_Commands отображаются в верхней части панели, и в результате все компоненты вкладки не отображаются.

Я поставил скриншот здесь: http://yfrog.com/0fscreenshot20100523at102p

Спасибо за ваше время.

Answer 1

Является ли главная вкладка вашей, которая является ZombieTab, занимает все пространство?

Если да, то я хотел бы сделать изменения для детей панелей в

ZombieTab_MainTab.superclass.constructor.call(this, { 
    id: 'zombie-main-tab', 
    layout:'fit', 
    title: 'Main', 
    items: { 
      layout:'border', 
      items:[top_bar, logs] 
      } 
}); 

Аналогично для других детской панели, а также.

Для панели инструментов в командной строке попробуйте заменить обычную панель инструментов Ext и увидеть эффект.

bbar: new Ext.Toolbar({ 
     id: 'exploits-bbar-zombie-'+zombie_ip, 
     text: 'ready', 
     border: false, 
     iconCls: 'x-status-valid', 
     items : [ { text: 'test'} ] 
    })