ExtJs4 MVC模式下绑定Menu事件

View层代码：

[javascript] view plaincopy

1. Ext.define('My.view.Menu', {  
2.     extend: 'Ext.menu.Menu',  
3.     alias: 'widget.mainMenu',  
4.     items: [{  
5.         text: '主菜单',  
6.         hideOnClick: false,  
7.         menu: {  
8.             showSeparator: false,  
9.             items: [{  
10.                 action: 'submenu1',  
11.                 text: '子菜单1'  
12.             }, {  
13.                 action: 'submenu2',  
14.                 text: '子菜单2'  
15.             }, {  
16.                 action: 'submenu3',  
17.                 text: '子菜单3'  
18.             }]  
19.         }  
20.     }]  
21. });  

controller层代码：

[javascript] view plaincopy

1. Ext.define('My.controller.Menu', {  
2.     extend: 'Ext.app.Controller',  
3.     views: ['Menu'],  
4.     init: function () {  
5.         this.control({  
6.             'mainMenu menuitem[action=submenu1]': {  
7.                 click: this.submenu1OnClick  
8.             }  
9.         });  
10.     },  
11.     submenu1OnClick: function () {  
12.         // do something...  
13.     }  
14. });  

主要用到关键字 “menuitem”