BorderLayout面板中的自動寬度

Question

我正在嘗試使用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中的兩個面板不會調整大小。

我試過任何一種配置，我想，但我沒有工作。

（佈局適當，寬度自動，autoWidth，等...）

我怎麼錯過？謝謝

Answer 1

我終於自己找到了。

我設置的佈局選項無法正常

我不得不改變，以

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

Answer 2

對於我來說，這是行不通的。 但此代碼的工作：

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