Авто ширина на панели BorderLayout
Вопрос
Я пробую реализацию действительно простой макет с помощью 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 не изменяют изменения изменения изменений.
Я попробовал какую-либо конфигурацию, о которой я думал, но я не работал.
(подходит для макета, ширина авто, автоматическая, и т. Д.)
Что мне пропустить?Спасибо
Решение 2
I finally found by myself.
I set the layout options not correctly
I had to change to
...
layout:'vbox',
layoutConfig: {
align: 'stretch'
},
items: [{
...
Другие советы
For me, it doesn't work. But this code works :
layout:{
type:'vbox',
align:'stretch'
}
Не связан с StackOverflow