两个水平可折叠面板答案

【问题标题】：Two horizontal collapsible panels两个水平可折叠面板
【发布时间】：2019-01-11 02:29:59
【问题描述】：

我在一个容器内有两个面板（布局：适合），两个面板都需要水平折叠。为了实现这一点，我需要三个面板（2 个面板区域：西部和一个面板区域中心），如下所示：

defaults: {
    collapsible: true,
    split: true,
    margin: 1,
    padding: 1,
    height: '100%'
},
items: [{
    title: 'west 1',
    floatable: false,
    flex: 100,
    region: 'west'
}, {
    hidden: true,
    collapsed: true,
    region: 'center',
    flex: 1,
    split: false
}, {
    title: 'west 2',
    floatable: false,
    flex: 100,
    floatable: false,
    region: 'west',
    split: false
}]

它可以工作，但额外的面板非常难看！谁有更好的解决方案？

问候，阿诺

【问题讨论】：

标签： extjs panel collapse region

【解决方案1】：

像下面的代码 sn-p 一样使用它：

Ext.create('Ext.panel.Panel', {
    width: 500,
    height: 300,
    title: 'Container',
    layout: 'hbox',
    defaults: {
        collapsible: true,
        collapseDirection: 'left',
        margin: 1,
        height: '100%'
    },
    items: [{
        title: 'west 1',
        width: 100
    }, {
        title: 'west 2',
        floatable: false,
        flex: 1,
        split: false
    }],
    renderTo: Ext.getBody()
});

Working Example

希望这将帮助/指导您。

【讨论】：