ビューを表示できないのはなぜですか？

Question

私はExtJS 5.1.1を使用し、MVCパターンに基づいて別のデモアプリケーションで運動しています。

ブートストラップにはどのような問題がありますか？ メニューパネルは表示されておらず、メッセージは表示されませんconsole.log！

demo-appのファイル構造。

index.html 
app.js 

app/ 
    view/ 
    -- DBMainView 
    -- DBMenuPanel 

app.js：

Ext.Loader.setConfig({ 
    enabled: true 
}); 

Ext.application({ 
    views: ['DBMainView', 'DBMenuPanel'], 
    name: 'MultiDB', 

    launch: function() { 
     console.log('this is app.js'); 
     Ext.create('MultiDB.view.DBMainView'); 
    } 
}); 

DBMainView.js：

Ext.define('MultiDB.view.DBMainView', { 
    extend: 'Ext.container.Viewport', 
    alias: 'widget.dbmainview', 
    requires: [ 
     'MultiDB.view.DBMenuPanel', 
     'Ext.panel.Panel' 
    ], 

    layout: 'border', 
    split: true, 

    items: [{ 
     xtype: 'dbmenupanel', 
     region: 'west' 
    }], 

    initComponent: function() { 
     console.log('this is main view'); 
    } 
}); 

DBMenuPanel.js：

Ext.define('MultiDB.view.DBMenuPanel', { 
    extend: 'Ext.panel.Panel', 
    alias: 'widget.dbmenupanel', 
    width: 150, 
    collapsed: true, 
    collapsible: true, 

    initComponent: function() { 
     console.log('this is menu view'); 
    } 
}); 

Answer 1

initComponentメソッドでは、this.callParent();が見つかりません。 initComponentを無効にできますが、コンポーネントが正しく初期化されるように、常に親メソッドを呼び出す必要があります。

The initComponent method must contain a call to callParent in order to ensure that the parent class' initComponent method is also called.