Question

我有一个北，中，南的边框布局视口。北方和南方都可以（工具栏和状态栏）。中心是tab.Panel，它适当拉伸以适应宽度，但不适合高度。 tab.Panel的第一个标签是一个简单的面板，布局设置为＆＃39; fit＆＃39;。

如果我在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的标签下，而不是标签项。

Stretch tab.Panel选项卡垂直适合“中心边框”

1 个答案: