想要禁用子菜单extjs上的右键单击事件

Question

I have a menu which has submenu also. Wants to disable the right click event

On menu it is working. I mean if I right click then nothing happens but same is not applying for submenus

Tried

{
    text: 'Tools',
    name: 'toolsBtn',
    id:'toolsmenu',
    disabled:true,
    menu: new Ext.menu.Menu({
        id:'menutoolbar',
        items: [{
            text: 'Select some row from the results grid',
        }],
        listeners: {
            render : {
                fn : function(item) {
                    var el = item.getEl();
                    this.el.on("contextmenu", Ext.emptyFn, this, {preventDefault: true});
                }
            }
        }
    })
}

Its working on Menu but not on submenu

Answer 1

Just add the same listener on your sub-menu:

items: [{
        text: 'Select some row from the results grid',
        listeners: { //your listener
        }
    }]