sencha文档上的ExtJS4 MVC体系结构演练给我错误

sencha文档上的ExtJS4 MVC体系结构演练给我错误,extjs4,Extjs4,我遵循ExtJS4.0,并将其修改为我自己的项目,以确保一切正常。到目前为止,它工作得很好。我刚刚完成了“定义视图”部分,即将开始“控制网格”部分。在此之前,我想删除console.log代码,因为我自己的项目不需要它。我发现我可以用警报消息替换它,但如果不针对ext-all-debug.js生成错误,就无法将其全部删除 这是我在控制器上的运行代码,以及在我删除consol.log函数后产生的错误。在示例文档中,它是AM.controllers.list Ext.define('ChatAgen

我遵循ExtJS4.0,并将其修改为我自己的项目,以确保一切正常。到目前为止,它工作得很好。我刚刚完成了“定义视图”部分,即将开始“控制网格”部分。在此之前,我想删除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”为null或不是对象

我只删除了以下内容:

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

那么为什么会出现错误呢?

您还需要去掉事件侦听器。当render事件激发时,它试图调用不再存在的onPanelRendered

如果您没有监听任何事件,您甚至不需要整个this.control块。评论一下,看看会发生什么

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