extjs - 为什么将组件添加到容器时得到 "TypeError: item.onAdded is not a function"？

Question

我正在尝试创建一个基于配置创建容器内容的框架 UI，但出现错误“TypeError:item.onAdded 不是函数”。

这不会发生在我较小的测试应用程序中，但它确实会发生在我们的实际应用程序中。想不通为什么。

这是部分代码。

Ext.define('atlas.screen.Viewport', {
    extend: 'Ext.container.Viewport',
    alias: 'widget.atlas.Viewport',

    autoScroll: true,
    layout: 'fit',

    requires: [
        'base.framework.MainAppView',
        'base.framework.MainAppNavigation'
    ],

    items: [{
        // MainAppView requires providing config with items to populate the north,
        // west, and center regions.
        xtype: 'mainAppView',
        westItems: [{
            xtype: 'mainAppNavigation'
        }]
     }]
});

Ext.define('base.framework.MainAppView', {
    extend: 'Ext.container.Container',
    alias: 'widget.mainAppView',

    requires: ['base.util.CommonBaseUtil'],

    autoScroll: true,
    layout: 'border',

    westItems: null,

    initComponent: function() {
        var me = this;

        Ext.applyIf(me, {
            items: [{
                xtype: 'container',
                itemId: 'appWestContainer',
                region: 'west',
                width: 85,
                items: me.westItems,
                hidden: true,
                listeners: {
                    afterrender: CommonBaseUtil.showHide
                }
            }]
        });
        me.callParent(arguments);
    },

    applyWestItems: function(westItems) {
        this.down('#appWestContainer').add(westItems);
    }
});

Ext.define('base.framework.MainAppNavigation', {
    extends: 'Ext.container.Container',

    alias: 'widget.mainAppNavigation',

    initComponent: function() {
        var me = this;

        Ext.applyIf(me, {
            items: [{
                xtype: 'button',
                itemId: 'myButton',
                text: 'test'
            }]
        });
        me.callParent(arguments);
    }
});

Answer 1

这是我最喜欢的 BS ExtJS 问题之一，“扩展”VS“扩展”。你会认为 Sencha Cmd 可以捕获这个。