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의 두 패널이 크기를 조정하지 않습니다.

나는 내가 생각한 일종의 구성을 시도했지만, 나는 일하지 않았다.

(레이아웃 맞춤, 너비 자동, 자동, 자동, 등등 ...)

무엇을 그리워합니까?감사합니다

Answer 1

I finally found by myself.

I set the layout options not correctly

I had to change to

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

Answer 2

For me, it doesn't work. But this code works :

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