javascript - 无法让上下文菜单在 Extjs 4.2 中工作

Question

似乎有很多文档介绍了在 Extjs 中弹出上下文菜单的多种方法。但对我来说没有任何作用。

我已经尝试过:

行上下文菜单

容器上下文菜单

gridContextMenu

我像这样将它们添加到我的听众中(gridContextMenu 除外)。我这样做对吗？

Ext.define('myGrid', {

    extend: 'Ext.grid.Panel',


    listeners: {
        'rowcontextmenu': function (grid, index, event) {
            alert('xxx')
        },
        containercontextmenu: function (grid, e) {
            alert('xxx');
        }
    },
    gridContextMenu: function (view, rec, node, index, e) {
        alert('xxx');
    },

这是我在 JS fiddle 中的代码

http://jsfiddle.net/8shpjxs2/1/

这个浏览器是特定的吗？是否必须关闭某些浏览器行为？我正在使用 Chrome。

Answer 1

使用itemcontextmenu .

Ext.define('myGrid', {

    extend: 'Ext.grid.Panel',

    listeners: {
        itemcontextmenu: function (view, record, item, i, e, opt) {
            e.preventDefault();
            alert('xxx');
        }
    },

示例:http://jsfiddle.net/m61arb93/1/