ExtJS：当其他区域不存在时，东/西区域占用可用空间

Iam正在为我的应用程序使用边框布局。我希望在隐藏或不存在其他区域时，使东/西区域占据可用空间。 例如，如果存在东部和中部区域，如果中部区域被隐藏，则东部区域将自动占用可用空间。 请提出实现这一目标的想法。

---

谢谢。

我建议巧妙地使用flex属性

这是给你的礼物

---

但是为什么flex:1和flex:100做的不一样，因为两者只给出了相同的比率。。请解释一下，清楚地理解你的逻辑。。。提前谢谢。。

Ext.create('Ext.panel.Panel', {
width: 500,
height: 300,
title: 'Border Layout',
layout: 'border',
items: [{
    title: 'South Region is resizable',
    region: 'south', // position for region
    xtype: 'panel',

    height: 100,
    split: true, // enable resizing
    margins: '0 5 5 5'
}, {
    // xtype: 'panel' implied by default
    title: 'West Region is collapsible',
    region: 'west',
    xtype: 'panel',
    layout: 'fit',
    flex:100,
    collapsible:true,
    id: 'west-region-container',
    layout: 'fit',
    html:'Content of the west panel'
}, {
    title: 'Center Region is collapsible',
    region: 'center', 
    xtype: 'panel',
    flex:100,
    layout: 'fit',
    collapsible:true,
    html:'Content of the center'
}],
renderTo: Ext.getBody()
});