4

BorderExtjs 4.2.1 でレイアウトを使用しようとしています。コンテナーを指定NorthしSouthてビューポートの水平方向のスペース全体を拡張して埋めると、West代わりにパネルを全高にすることができます。

これは、私が達成しようとしているもののいくつかの単純な ASCII アート バージョンです。

-----------------
|W|____North____|
|E|    Center   |
|S|_____________|
|T|    South    |
-----------------
4

1 に答える 1

7

また、重みプロパティを使用して地域を優先することもできます。たとえば、北地域よりも西地域を優先することができます。これらすべての変更により、ボーダー レイアウトを使用するコンポーネントのレンダリングが高速化され、多くの場合、ボーダー レイアウトをネストする必要がなくなります。

Ext.define('MyApp.view.MainViewport', {
    extend: 'Ext.container.Viewport',

    layout: {
        type: 'border'
    },

    initComponent: function() {
        var me = this;

        Ext.applyIf(me, {
            items: [
                {
                    xtype: 'panel',
                    region: 'west',
                    weight: -1,
                    width: 150,
                    title: 'My Panel'
                },
                {
                    xtype: 'panel',
                    region: 'north',
                    weight: -2,
                    height: 150,
                    title: 'My Panel'
                },
                {
                    xtype: 'panel',
                    region: 'south',
                    weight: -2,
                    height: 150,
                    title: 'My Panel'
                },
                {
                    xtype: 'panel',
                    region: 'east',
                    width: 150,
                    title: 'My Panel'
                },
                {
                    xtype: 'panel',
                    region: 'center',
                    title: 'My Panel'
                }
            ]
        });

        me.callParent(arguments);
    }

});
于 2013-07-10T05:00:08.467 に答える