Auto de largura em um BorderLayout painel
Pergunta
Estou tentando implementar um realmente um layout simples, usando o 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
}]
});
O layout torna bem, mas quando eu mudar a largura usando a alça, os dois painéis no interior do vbox não redimensionar.
Eu tentei todo tipo de configuração, pensei, mas eu não trabalho.
(ajuste de layout, largura automática, autoWidth, etc...)
O que vou perder?Obrigado
Solução 2
Eu finalmente encontrei por mim.
Eu definir as opções de layout não corretamente
Eu tinha de mudar para
...
layout:'vbox',
layoutConfig: {
align: 'stretch'
},
items: [{
...
Outras dicas
Para mim, isso não funciona.Mas esse código funciona :
layout:{
type:'vbox',
align:'stretch'
}
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow