0

我寻找在 ExtJS 4.2 中定义菜单操作的最佳方法。

我曾经使用handler配置定义菜单操作：

items: [{
    text: 'About...',
    icon: Paths.img + 'information.png',
    handler: function(){MyApp.app.getController('Gui').onMenuAbout()}
},{

我被告知这种方法不好。

我现在找到了这种方法：我在控制器中使用itemIds 和- 方法。control

我的观点：

Ext.define('Mb.view.gui.HelpMenu', {
    extend: 'Ext.button.Button',
    icon: Paths.img + 'help.png',
    menu: {
        items: [{
            text: 'About...',
            icon: Paths.img + 'information.png',
            itemId: 'menuAbout'
        },{
            ...

我的控制器：

Ext.define('Mb.controller.Gui', {
    extend: 'Ext.app.Controller',
    init: function(){
        this.control({
            '#menuAbout': {
                click: this.onMenuAbout
            }
        })
    },
    onMenuAbout: function(){...},
    ...

这是推荐的方法还是有更好的解决方案？

4

0 回答 0