题
我正在尝试使用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