extjs - 菜单点击事件被触发两次。为什么？

Question

使用推荐的 this.control: 控制事件的 Controller 构造:

Ext.define('Mb.controller.Sav_vpc', {
    extend: 'Ext.app.Controller',
    init: function() {
        console.log('controller.init called');
        this.control({
            '#storeMenu menuitem': {
                click: this.onStoreMenuClicked
            }
        });
    }
});

函数 onStoreMenuClicked被调用两次，因为 init Controller 的方法被调用两次，因此它监听事件两次。

但是什么时候是 controller.init()叫？为什么它被调用两次？

这是我的 application.launch功能:

Ext.define('Mb.Application', {
    extend: 'Ext.app.Application',
    launch: function() {
        console.log('launching app');
        var controller = Mb.app.getController('Name');
            console.log('end launching app');
    });
...

这将在控制台中给出以下输出:

controller.init called
launching app
controller.init called
end launching app

Answer 1

打电话时getController内application.launch ， Controller 的 init 方法再次被调用，即使 Controller 已经初始化。

我不知道这是设计使然还是某种错误，但我找到了基于 recommendations of @AlexTokarev 的解决方案“ Controller 间通信”。

Controller :

Ext.define('Mb.controller.Sav', {
    extend: 'Ext.app.Controller',
    init: function(){
        this.listen({
            controller: {
                '*': {
                    savOnLaunch: this.onUserLoaded
                }
            }
        })
    },

应用启动:

Ext.define('Mb.Application', {
    extend: 'Ext.app.Application',
    launch: function() {
        this.fireEvent('savOnLaunch');
    }