javascript - 拉伸 tab.Panel 选项卡以垂直适合“中心边框”

Question

我有一个北、中、南的边界布局视口。南北都可以（工具栏和状态栏）。中心是 tab.Panel 并且它被适当地拉伸以适应宽度，但不是高度。tab.Panel 的第一个选项卡是一个简单的面板，布局设置为“适合”。

如果我在 tabPanel 的内容中明确设置高度，那就没问题了。没有高度属性的子面板不会拉伸到高度。怎么了？

这是以 tab.Panel 为中心的父 Viewport 的代码：

    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

我找到了，我放错了布局：'fit'。应该将它放在 tabPanel 的选项卡下，而不是选项卡的项目下。