質問
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つのパネルがサイズ変更されません。
私は私が考えたどんな種類の構成を試しましたが、私はうまくいきませんでした。
(レイアウトフィット、幅自動、オートウェイなど...)
何が恋しいですか?ありがとう
解決 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