Question

我在一个容器内有两个面板（布局：适合），并且两个面板都必须水平折叠。为了实现这一点，我需要有三个面板（两个面板的区域为：west，一个面板的区域中心为：），

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
}]

它可以工作，但是额外的面板非常笨拙！有谁能提供更好的解决方案？

致谢，阿尔诺（Arno）

Answer 1

像下面的代码片段一样使用它：

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

希望这会帮助/指导您。

两个水平可折叠面板

1 个答案: