为什么无法显示视图？

Question

我正在使用ExtJS 5.1.1并在另一个基于MVC模式的演示应用程序上运行。

引导有什么问题？ 菜单面板未显示且未向其发送消息somethingsomething .set(...) .then( function{ window.open(...); }); ！

demo-app的文件结构;

console.log

app.js：

index.html
app.js

app/
  view/
  -- DBMainView
  -- DBMenuPanel

DBMainView.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');
    }
});

DBMenuPanel.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');
    }
});

Answer 1

this.callParent();方法中缺少initComponent。您可以覆盖initComponent，但始终必须调用父方法，以便组件正确初始化。

  

initComponent方法必须包含对callParent的调用   确保也调用父类的initComponent方法。