为什么不能显示Views？

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，但您始终必须调用父方法，以便组件正确初始化。

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