ExtJs4 MVC模式下绑定Menu事件

View层代码：

Ext.define('My.view.Menu', {
    extend: 'Ext.menu.Menu',
    alias: 'widget.mainMenu',
    items: [{
        text: '主菜单',
        hideOnClick: false,
        menu: {
            showSeparator: false,
            items: [{
                action: 'submenu1',
                text: '子菜单1'
            }, {
                action: 'submenu2',
                text: '子菜单2'
            }, {
                action: 'submenu3',
                text: '子菜单3'
            }]
        }
    }]
});

controller层代码：

Ext.define('My.controller.Menu', {
    extend: 'Ext.app.Controller',
    views: ['Menu'],
    init: function () {
        this.control({
            'mainMenu menuitem[action=submenu1]': {
                click: this.submenu1OnClick
            }
        });
    },
    submenu1OnClick: function () {
        // do something...
    }
});

主要用到关键字 “menuitem”