拉伸tab.Panel選項卡垂直適合「中心邊框」

Question

我有一個邊界佈局視口與北部，中部和南部。南北都可以（工具欄和狀態欄）。中心是tab.Panel，並且適當拉伸以適應寬度，但不適合高度。 tab.Panel的第一個選項卡是一個簡單的面板，佈局設置爲'fit'。

如果我在tabPanel的內容中明確地設置高度，那就沒問題。沒有高度屬性子面板不拉伸到高度。怎麼了？

這是父母視口與tab.Panel在中央代碼：

Ext.create('Ext.container.Viewport', { 
     layout: 'border', 
     items: [ 
      Ext.create('Ext.toolbar.Toolbar', { 
       region: 'north', 
       buttonAlign: 'center', 
       layout: { pack: 'center'}, 
       items: [ { 
        scale: 'large', 
        text: 'Customers', 
        iconCls: 'ico-customers', 
        iconAlign: 'top' 
       }] 
      }), 
      Ext.create('Ext.tab.Panel', { 
       region: 'center', 
       deferredRender: false, 
       activeTab: 0, 
       plain: true, 
       items: [{ 
        title: 'Customers', 
        itemId: 'customers', 
        autoScroll: true, 
        items: [ 
         { 
          layout: 'fit', 
          title: 'bla', 
          html: 'Something', 
          height: 300 
         } 
        ] 
       }, { 
        title: 'Other', 
        layout: 'fit' 
       }], 
      }), 
      { 
       region: 'south', 
       xtype: 'panel', 
       title: 'Status' 
      } 

     ], 
     renderTo: Ext.getBody() 
    }); 

Answer 1

我找到了，我亂放佈局：「適合」。應該將它放在tabPanel的選項卡下，而不是選項卡的項目。