extjs4 - 卡片布局出现错误

Question

当应用程序启动时，它将显示screen1. 然后当我们点击一​​个按钮时，它会显示panel1或panel2。我的代码如下；添加时出现错误panel2。

launch: function() {


    Ext.create('Ext.container.Viewport', {
        layout: 'card',
        items: [
        { 
            xtype: 'panel', 
        items: { xtype: 'screen1' }
        },
        {
            xtype: 'panel',
            items: { xtype:'panel1' }
        }

        ] 
    }); 

}

一旦我添加另一个面板；我得到一个错误

TypeError: namespace is undefined
[Break On This Error]   

if (namespace === from || namespace.substring(0, from.length) === from) {

代码：

items: [
            { 
                xtype: 'panel', 
            items: { xtype: 'screen1' }
            },
            {
                xtype: 'panel',
                items: { xtype:'panel1' }
            },
            {
                xtype: 'panel',
                items: { xtype:'panel2' }
            }

        ] 

注意：我Panel2在 views: [ Panel2']

更新

Ext.define('MyApp.view.Panel2', {
    extend: 'Ext.tab.Panel',
    alias: 'widget.panel2',

    height: 250,
    width: 400,
    activeTab: 0,

    initComponent: function() {
        var me = this;

        Ext.applyIf(me, {
            items: [
                {
                    xtype: 'panel',
                    title: 'Tab 1'
                },
                {
                    xtype: 'panel',
                    title: 'Tab 2'
                },
                {
                    xtype: 'panel',
                    title: 'Tab 3'
                }
            ]
        });

        me.callParent(arguments);
    }

});

Answer 1

这很可能是因为您缺少依赖项。由于您没有发布应用程序定义，因此您需要在控制器中要求视图（或者，如果您还没有那么远，在应用程序本身的要求中）。

查看下载中的 /examples/app/simple 以了解其设置要求。