Автоматическая ширина в панели 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

Для меня это не работает. Но этот код работает:

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

Answer 2

Я наконец-то нашел сам.

Я неправильно установил параметры макета

Мне пришлось изменить на

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