Largeur automatique dans un panneau BorderLayout
Question
J'essaie d'implémenter une mise en page vraiment simple à l'aide de 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
}]
});
La mise en page rend bien, mais lorsque je change la largeur à l'aide de la poignée, les deux panneaux à l'intérieur de la Vbox ne redimentent pas.
J'ai essayé tout type de configuration que j'ai pensé, mais je n'ai pas travaillé.
(ajustement en forme, largeur automatique, autowidth, etc ...)
Qu'est-ce que je manque?Merci
La solution 2
I finally found by myself.
I set the layout options not correctly
I had to change to
...
layout:'vbox',
layoutConfig: {
align: 'stretch'
},
items: [{
...
Autres conseils
For me, it doesn't work. But this code works :
layout:{
type:'vbox',
align:'stretch'
}
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow