拉伸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的选项卡下，而不是选项卡的项目。