Javascript Sencha Touch 2对接选项卡面板

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

小组：

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

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

---

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

将布局属性添加到主文件中的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);
    }
});

---

您的选项卡面板没有任何大小，因此选项卡栏被定位到顶部

非常感谢！为什么您必须在'config'-变量中添加一些属性，而其他属性则不能？据我所见，所有属性都可以插入配置。但在类定义中，不应嵌套配置。这意味着，不要将另一个带有配置对象的项放在配置对象中。