Sencha Touch 2对接选项卡面板

Sencha Touch 2 docked tabpanel

本文关键字：选项 Touch Sencha      更新时间：2023-09-26

我有一个面板，其中有一个选项卡和两个选项卡。我不知道为什么，但我似乎无法将选项卡放在底部。无论我尝试什么，选项卡总是在页面的顶部。

面板：

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);
    }
});

如果我将第一个面板（"管理器"）直接添加到视口中，则选项卡位于底部，一切正常。也许在容器中添加面板是一种糟糕的做法，或者我错了吗？

我希望有人能帮我。非常感谢！

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

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);
    }
});

您的选项卡面板没有任何大小，因此选项卡位于顶部。

相关文章：