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”