extjs4 - 我如何为 extjs 面板创建上下文菜单

Question

我有上下文菜单

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

我如何将它添加到 extjs 面板？我在面板中没有看到任何合适的事件，比如itemcontextmenu在树形面板中？

提前谢谢。

Answer 1

中有itemcontextmenu和containercontextmenu事件Ext.tree.Panel。

更新：Ext.grid.Panel 存在相同的事件。您可能想同时订阅它们并执行以下操作：

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);
},