0

タブバーとタブバー内に 2 つのタブがあるパネルがあります。理由はわかりませんが、タブバーを一番下に配置できないようです。何を試しても、タブバーは常にページの一番上にあります。

パネル：

Ext.define( 'MyApp.view.Manager', {
    // properties
    extend: 'Ext.tab.Panel',
    fullscreen: true,

    requires:
    [
        'Ext.TitleBar'
    ],
    config:
    {
        tabBarPosition: 'bottom',
        tabBar: true,
        items:
        [
            { xtype: 'addorderpanel' },
            { xtype: 'loginpanel' }
        ]
    }
});

上のパネルはコンテナ内にあります。

Ext.define( 'MyApp.view.Main', {
    // properties
    extend: 'Ext.Container',
    config:
    {
        fullscreen: true
    },

    initialize: function ()
    {
        this.callParent(arguments);

        var manager = Ext.create( 'MyApp.view.Manager' );
        this.add(manager);
    }
});

最初のパネル (「マネージャー」) をビューポートに直接追加すると、タブバーが下部にあり、すべてが正常に機能します。コンテナにパネルを追加するのは悪い習慣かもしれませんか、それとも間違っていますか?

誰かがこれで私を助けてくれることを願っています。よろしくお願いします！

4

1 に答える 1

2

Main ファイルの config オブジェクトにレイアウト プロパティを追加します。次のように見えるはずです

Ext.define( 'MyApp.view.Main', {
    // properties
    extend: 'Ext.Container',
    config: {
        fullscreen: true,
        layout:'fit'
    },

    initialize: function () {
        this.callParent(arguments);

        var manager = Ext.create( 'MyApp.view.Manager' );
        this.add(manager);
    }
});

タブ パネルのサイズが大きくならないため、タブバーが一番上に配置されます。

于 2012-08-23T23:55:26.390 に答える