ExtJs 4 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'
            }]
        }
    }]
});

コントロールレイヤコード:

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」