问tab.Panel在tab.Panel里面？

EN

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

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("")
        },
    ]
}