javascript - EXTJS4: TreeView が埋め込まれている場合、アプリが読み込まれない

Question

TreeView "TreeCreateMenu" が埋め込まれていない場合、私のアプリは正常に動作します。埋め込みなので、アプリはextjsディレクトリ「Trigger.js」からポイントでBrowser-Web-Consoleにストックします。しかし、エラーは表示されません！

ここに私のファイルがあります：

ビューポート:

Ext.define('App.view.Viewport', {
    extend: 'Ext.container.Viewport',
    requires: [
        'App.view.Settings',
        'App.view.Footer',
        'App.view.TreeMenu',
        'App.view.tree.TreeCreateMenu',
    ],

    layout: 'border',

    items: [
        {
            region: 'north',
            border: false,
            margin: '0 0 1 0',
            split: true,
            items: [{xtype: 'settings'}]
        }, {
            region: 'west',
            collapsible: true,
            title: 'Menu',
            width: 250,
            layout: 'vbox',
            items: [
                {
                    xtype: 'treemenu',
                    height: 600,
                    minSize: 600,
                    maxSize: 600,
                    layout: 'fit',                  
                    flex: 1
                },
                {
                    title: 'Create',
                    layout: 'fit',
                    border: '1 0 0 0',
                    width: 250,
                    height: 100,
                    items: [{xtype: 'treecreatemenu'}]
                }
            ]
            // could use a TreePanel or AccordionLayout for navigational items
        }, {
            region: 'south',
            layout: 'fit',
            height: 20,
            items: [{xtype: 'footertoolbar'}]
        }, {
            region: 'center',
            id:'region_center',
            layout: 'fit',
            border: '1 0 0 0',
            items: []
        }
    ],

    initComponent: function() {
        this.callParent();
    }
});

TreeCreateMenu のコントローラ

Ext.define('App.controller.tree.TreeCreateMenu', {
    extend: 'Ext.app.Controller',
    views: ['tree.TreeCreateMenu'],
    models: ['tree.TreeCreateMenu'],   
    stores: ['tree.TreeCreateMenu'],
    onLaunch: function() {},
    refs: [{
        selector: 'tree',
        ref: 'treecreatemenu'
    }],
    init: function() {
        this.control({
            'treecreatemenu': {
                itemclick: function(view, node, rec, item, index, e ) {}
            }
        });
    }
});

モデル:

Ext.define('App.model.tree.TreeCreateMenu', {
    extend: 'Ext.data.Model',
    displayField: 'text',
    fields: [
        {name: 'text', type: 'string', leaf:false},
        {name: 'value', type: 'string', leaf:false},
    ]
});

ストア: (応答は正しいです。Viwport の TreeMenu.js に表示したためです)

Ext.define('App.store.tree.TreeCreateMenu', {
    extend: 'Ext.data.TreeStore',
    requires: 'App.model.tree.TreeCreateMenu',
    model: 'App.model.tree.TreeCreateMenu',
    AutoLoad: false,
    nodeParam: 'value',
    proxy: {
        type: 'ajax',
        url: 'bin/app/ajax.php',
        extraParams: {
            action:'getTreeCreateMenu'
        },
        reader: {
            type: 'json',
            root: 'children'
        },
        actionMethods: {
            create : 'POST',
            read   : 'POST',
            update : 'POST',
            destroy: 'POST'
        }
    }
});

そして私の見解：

Ext.define('App.view.tree.TreeCreateMenu', {
    extend: 'Ext.tree.Panel',
    alias: 'widget.treecreatemenu',
    //store: 'tree.TreeCreateMenu',
    rootVisible: false,
    bodyStyle: 'border:none;',
    padding:'5,0,0,0'
});

特別なことは何もありません...しかし、うまくいかず、まったくわかりません! 誰かがこれを手伝ってくれますか？ありがとう！！