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

Question

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

Answer 1

我建议巧妙地使用flex属性。

这是Sencha Fiddle给你的

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