BorderLayout 面板中的自动宽度答案

【问题标题】：Auto width in a BorderLayout panelBorderLayout 面板中的自动宽度
【发布时间】：2011-02-16 14:58:49
【问题描述】：

我正在尝试使用 BorderLayout 实现一个非常简单的布局。

 var summary = new Ext.Panel({
    region:'west',
    id:'summary',
    title:'Summary layout',
    header: true,
    split:true,
    collapseMode: 'mini',
    collapsible: true,
    width: 200,
    minSize: 175,
    maxSize: 400,
    layout:'vbox',
    align: 'stretch',
    items: [{
        html: Ext.example.shortBogusMarkup,
        title:'Navigation',
        autoScroll:true,
        border:false,
        flex: 1
    },{
        title:'Settings',
        html: Ext.example.shortBogusMarkup,
        border:false,
        autoScroll:true,
        iconCls:'settings',
        flex: 1
    }]
  });

布局渲染得很好，但是当我使用手柄更改宽度时，vbox 内的两个面板不会调整大小。

我尝试了任何我想到的配置，但都没有成功。

（布局适合、宽度自动、自动宽度等...）

我错过了什么？谢谢

【问题讨论】：

标签： layout extjs vbox

【解决方案1】：

对我来说，它不起作用。但是这段代码有效：

layout:{
    type:'vbox',
    align:'stretch'
}

【讨论】：

【解决方案2】：

我终于自己找到了。

我设置的布局选项不正确

我不得不换成

...
    layout:'vbox',
    layoutConfig: {
      align: 'stretch'
    },
    items: [{
...

【讨论】：

我不能等到明天，但我会的。 :)