Question

我正在编写一个带有“主页”选项卡的简单应用程序，其中应该有3个选项卡，分别称为“早餐”，“午餐”和晚餐。但是标签在家里不起作用。它们显示但对点击没有反应。

代码：

查看/ Main.js

Ext.define('MyApp.view.Main', {
extend: 'Ext.tab.Panel',
requires: ['Ext.TitleBar'],
xtype: 'main',
config: {
    tabBarPosition: 'bottom',
    items: [
        {
            xtype: 'menu',
        }
    ]
}

}）;

查看/ Menu.js

Ext.define('MyApp.view.Menu', {
extend: 'Ext.tab.Panel',
requires: ['Ext.TitleBar'],
xtype: 'menu',
config: {
    title: 'Menu',
    iconCls: 'home',
    tabBar: {
        layout: {
            pack: 'center'
        }
    },
    items: [
        {
            title: 'Breakfast',
            items: {
                docked: 'top',
                xtype: 'titlebar',
                title: 'Breakfast Menu'
            },

            html: [
                "Breakfast menu will be here"
            ].join("")
        },
        {
            title: 'Lunch',


            items: {
                docked: 'top',
                xtype: 'titlebar',
                title: 'Lunch Menu'
            }

            html: [
                "Lunch menu will be here"
            ].join("")
        },
        {
            title: 'Dinner',

            items: {
                docked: 'top',
                xtype: 'titlebar',
                title: 'Dinner Menu'
            },

            html: [
                "Dinner menu will be here"
            ].join("")
        },
    ]
}

}）

Answer 1

问题已解决...显然命名xtype：'menu'导致问题。不要用通用名称命名你的xtype！

tab.Panel里面的tab.Panel？

1 个答案: