extjs - 我如何为extjs网格创建上下文菜单

Question

我可以为树创建上下文菜单并附加到“contextmenu”事件。
码:

contextMenu = new Ext.menu.Menu({
  items: [{
    text: 'Edit',
    iconCls: 'edit',
    handler: edit
  },...]
})

Ext.getCmp('tree-panel').on('contextmenu', function(node) {
  contextMenu.show(node.ui.getAnchor());
})

但是，如何为网格元素创建上下文菜单？

Answer 1

首先定义上下文菜单

mnuContext = new Ext.menu.Menu({
    items: [{
        id: 'do-something',
        text: 'Do something'
    }],
    listeners: {
        itemclick: function(item) {
            switch (item.id) {
                case 'do-something':
                    break;
            }
        }
    }
});

然后为所需事件创建一个侦听器。记住停止事件的默认行为非常重要，这样您就可以用自己的事件替换它。如果您不调用event.stopEvent()方法来停止事件继续冒泡，则无论您做什么，浏览器的默认上下文菜单都会出现。

rowcontextmenu: function(grid, index, event){
     event.stopEvent();
     mnuContext.showAt(event.xy);
}