0

我有一个带有标签栏的面板和标签栏内的两个标签。我不知道为什么，但似乎我无法将标签栏放在底部。无论我尝试什么，标签栏始终位于页面顶部。

面板：

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

将布局属性添加到主文件中的配置对象。它应该看起来像

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 回答