sencha 文档上的 ExtJS4 MVC 架构演练给我错误

Question

我正在关注 ExtJS4.0 MVC 应用程序架构演练< /a> 并将其修改为我自己的项目，以确保我做对了。到目前为止，它工作得很好。我刚刚完成了“定义视图”部分，即将开始“控制网格”部分。在此之前，我想删除 console.log 代码，因为我自己的项目不需要或不需要它。我发现我可以用警报消息替换它，但无法将其全部删除而不生成针对 ext-all-debug.js 的错误。

这是我在控制器上的功能代码以及删除 consol.log 函数后生成的错误。在示例文档中，它是 AM.controllers.list。

Ext.define('ChatAgent.controller.queues', {
extend: 'Ext.app.Controller'
, views: [
    'queue.list'
]
, init: function() {
    this.control({
        'viewport > panel': {
            render: this.onPanelRendered
        }
    });
}

, onPanelRendered: function() {
    console.log('The panel was rendered');
}

});

它产生的错误是： “fireFn”为空或不是对象

我删除的只是：

onPanelRendered: function() {
        console.log('The panel was rendered');
    }

那么为什么会出现错误？？？

Answer 1

您还需要删除事件侦听器。当渲染事件触发时，它试图调用不再存在的 onPanelRendered 。

如果您没有监听任何事件，则甚至不需要整个 this.control 块。将此注释掉，看看会发生什么。

this.control({
    'viewport > panel': {
        render: this.onPanelRendered
    }
});