Layout 边框布局面板中的自动宽度

我正在尝试使用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:'vbox',
    layoutConfig: {
      align: 'stretch'
    },
    items: [{
...

---

我终于自己找到了

我没有正确设置布局选项

我不得不改成

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

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

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

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

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

---

我明天才能去，但我会去的我明天才能去，但我会去的