jquery - 将上下文菜单添加到 jqGrid 的 onRightClickRow

Question

我在 onRightClick 事件中向 jqGrid 添加上下文菜单时遇到困难。右键单击单元格后，我想从 onRightClickRow 事件获取 rowid、iRow 和 iCol 值。

但是，我遇到的问题是，第一次右键单击网格中的单元格时，不会出现上下文菜单。第二次右键单击某个单元格时，会显示上下文菜单，但 rowid、iRow 和 iCol 值都是右键单击的第一个单元格的值。因此 rowid、iRow 和 iCol 永远不会与右键单击的单元格匹配。

对于上下文菜单，我使用 jquery.contextmenu.r2.js

这是我的 jqGrid 代码。

jQuery("#list").jqGrid({
    url:urlPath,
    datatype:"json",
    mtype:'GET',
    jsonReader: {
        root: function (obj) { return obj.result; },
        id: dataID,
        repeatitems: false,
        page:  function(obj) { return 1; },
        total: function(obj) { return 1; },
        records: function(obj) { return obj.result.length; }        
    },
    colNames: columnNames,
    colModel: columnModel,
    onRightClickRow: function (rowid, iRow, iCol, e) {
        jQuery("#list").contextMenu('rightClickMenu', {
            bindings: {
                'DisplayiRow': function(t) {
                    alert('DisplayiRow: ' + iRow);   
                },
                'DisplayiCol': function(t) {
                    alert('DisplayiCol: ' + iRow);
                }
            }
        })
    },
    scroll:1,
    headertitles: true,
    pager: '#pager',
    shrinkToFit: false,
    autowidth: true,
    height: gridHeight,
    sortable: true,
    sortorder: 'desc',
    viewsortcols:[true,'vertical', true],
    viewrecords: true,
    gridview: true,
    loadonce: true
  });
  jQuery("#list").jqGrid('filterToolbar', {searchOnEnter:false,defaultSearch:'cn'});
});

HTML 是

<div class="contextMenu" id="rightClickMenu" style="display:none">
    <ul>
       <li id="DisplayiRow">
           DisplayiRow</li>
       <li id="DisplayiCol">
           DisplayiCol</li>
   </ul>
</div>

有没有办法将右键单击上下文菜单添加到 onRightClickRow 事件，以便我可以获得所单击的单元格的 rowid、iRow 和 iCol 值？

Answer 1

看看the old answer其中包含 the demo 。我希望它能帮助解决您的问题。我确信在 loadComplete 内部绑定(bind) contextMenu 并不是问题的唯一解决方案，但它效果很好。

此外，我建议您使用 jqGrid 源代码的 plugins 子目录中的上下文菜单插件。这是用 jqGrid 测试过的版本，我认为使用另一个版本没有意义。