I have a view and a controller. The view has menu under button of which items when clicked will be handled by controller. The event is never caught by controller if I put class selector but it works if I remove class selector.

Have a look at my code.

Code:
Ext.create('Ext.Button', {
    text: 'Add Tab',
    cls: 'button',
    menu: Ext.create('Ext.menu.Menu', {
        cls: 'addMenu',
        items: [{
            text: 'One'
        }, {
            text: 'Two'
        }]
    })
});
Code:
Ext.define('MyApp.controller.TabController', {
    extend : 'Ext.app.Controller',
    
    init : function() {
        this.control({
            'menu[cls=addMenu]' : {
                'click' : this.addTab
            }
        });
    },
    
    addTab : function(a, b, c, d) {
        console.log(a, b, c, d);
    }
});
What am I doing wrong here?