短

你的例子对我很有用。

改进的替代方案

我建议将滚动条添加到选项卡面板内的组件中。

• 通常，高度由子零部件的高度定义。我猜你是在用minHeight来模拟东西。

下面是我的详细方法：

Ext.define('myapp.layout', {
    extend: 'Ext.container.Viewport',

    layout: 'border',

    items: [
        {xtype: 'panel', title: 'north', region: 'north', height: 100, border: 1},
        {xtype: 'panel', title: 'west', region: 'west', width: 100, border: 1},
        {
            xtype: 'tabpanel', region: 'center',

            items: [
                {xtype: 'panel', title: 'first tab'},
                {xtype: 'panel', title: 'second tab',

                    // =>
                    scrollable: true,

                    bodyPadding: 10,
                    layout: {type: 'vbox', pack: 'start', align: 'stretch'},
                    items: [
                        {xtype: 'panel', title: 'First Line', height: 100, border: 1},
                        {xtype: 'panel', title: 'Second Line',

                        // =>
                        minHeight: 900, flex: 1,

                        border: 1},
                    ]
                },
            ]
        }
    ]
});

这里我模拟second line的高度为900==>，因此可滚动项被设置为父组件。