两块水平可折叠面板

Question

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

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

它工作，但额外的面板非常棒！。有人有更好的解决方案吗？

问候，阿诺

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()
});

工作示例

希望这对你有帮助/指导。