0

すべての領域が使用されている境界線レイアウトがあります。

ご存知のように、borderlayoutの通常の動作は、北、南、東、西の領域の初期サイズを定義し、中央が残りの使用可能なスペースを取得することです。

私の場合、これを逆にする必要があります。中央、西、北のリージョンのサイズを定義し、他のすべてのリージョンで残りの使用可能なスペースを確保したいと思います。ブラウザウィンドウのサイズを変更する場合、外側の領域が中央のコンテンツの上を流れてはなりません。

実際、外側の領域にサイズが定義されていない場合、中央はすべてのスペースを取得します。サイズを変更すると、中央の領域のみが縮小し、そのコンテンツが他の領域によって激しく変形またはオーバーレイされます。

誰かがこれを行う方法を知っていますか？

4

1 に答える 1

2

うーん...これがあなたが望むものかどうかはわかりません。vbox代わりに、レイアウトを使用hboxして、説明に近いものを作成しました。

new Ext.Window({
    xtype: 'window',        
    layout: 'vbox',
    title: 'My Window',
    layoutConfig: {
        align : 'stretch',
        pack  : 'start'
    },
    items: [
    {
        xtype: 'panel',
        height: 100,                
        title: 'My Panel'
    }, {
        xtype: 'container',
        height: 150,
        layout: 'hbox',
        layoutConfig: {
            align : 'stretch',
            pack  : 'start'
        },
        items: [
            {
                xtype: 'panel',                        
                width: 300,
                title: 'My Panel'
            }, {
                xtype: 'panel',                    
                title: 'My Panel',
                flex: 1
            }
        ]
    }, {
        xtype: 'panel',                
        title: 'My Panel',
        flex: 1
    }]
});
于 2012-02-02T08:06:43.977 に答える