extjs - 选项卡面板 不切换面板

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

出于某种原因，当我单击 HOME 图标时，我的 FOODPANEL 是一个自定义视图（字段、空格、按钮的组成）根本不会出现。测试在那里，所以我可以换成空白的东西..但两者都是空白atm。为什么？`

Answer 1

尝试给你的container layout:fit. 同时删除docked:bottom配置。您似乎遇到了这里提到的相同问题。希望这可以帮助。