Search code examples
extjs4

How i can create context menu for extjs panel

i have context menu like

var ctxMenu = Ext.create('Ext.menu.Menu', {
    items: [{ text: 'Edit', action: 'edit'}]
});

how i can add this to extjs panel? I am not seeing any suitable event in panel, like itemcontextmenu in treepanel?

Advance Thanks.

Solution

  • There are itemcontextmenu and containercontextmenu events in Ext.tree.Panel.

    Update: same events exist for Ext.grid.Panel. You probably want to subscribe for both of them and do something like that:

    showContextMenu: function(e) {
    var me = this;

    if (me.contextMenu === undefined)
        return;

    e.stopEvent();
    me.contextMenu.showAt(e.getXY());
},

// Show context menu from the grid
gridContextMenu: function(view, rec, node, index, e) {
    this.showContextMenu(e);
},

// Show context menu from the empty area below grid records
containerContextMenu: function(view, e) {
    this.showContextMenu(e);
},