选项卡面板不切换面板

Question

我在使用Sencha Architect

实现选项卡面板时遇到了困难

这是代码

Ext.define('Prototype.view.App', {
    extend: 'Ext.Container',

    requires: [
        'Prototype.view.FoodPanel'
    ],

    config: {
        items: [
            {
                xtype: 'tabpanel',
                docked: 'bottom',
                    tabBar: {
                    docked: 'bottom',
                    layout: {
                        pack: 'center',
                        type: 'hbox'
                    }
                },
                items: [
                    {
                        xtype: 'container',
                        title: 'Test',
                        iconCls: 'info'
                    },
                    {
                        xtype: 'foodpanel',
                        title: 'Home',
                        iconCls: 'home'
                    }
                ]
            }
        ]
    }
});

出于某种原因，我的FOODPANEL是一个自定义视图（字段，间隔符，按钮的组合） 单击HOME图标时根本不显示。测试就在那里，所以我可以换成一些空白......但两者都是空白的。为什么呢？`

Answer 1

尝试提供container layout:fit。同时删除docked:bottom配置。您似乎遇到了here提到的相同问题。希望这会有所帮助。