0

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 つのパネルのサイズが変更されません。

考えられるあらゆる種類の構成を試しましたが、うまくいきませんでした。

(レイアウト フィット、幅 auto、autoWidth など...)

何が恋しいですか？ありがとう

4

2 に答える 2

3

私にとっては、うまくいきません。しかし、このコードは機能します:

layout:{
    type:'vbox',
    align:'stretch'
}
于 2012-09-25T15:29:21.093 に答える
2

やっと自力で見つけました。

レイアウト オプションを正しく設定していません

私はに変更しなければなりませんでした

...
    layout:'vbox',
    layoutConfig: {
      align: 'stretch'
    },
    items: [{
...
于 2011-02-16T22:49:57.683 に答える