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”