免费 jqGrid 菜单上下文 - 菜单偏移答案

【问题标题】：Free jqGrid Menu Context - Menu off set免费 jqGrid 菜单上下文 - 菜单偏移
【发布时间】：2016-10-02 08:01:13
【问题描述】：

只要菜单位于屏幕的最右侧或非常低的级别，它就会被剪切和屏蔽，而不是动态地向左（或向上）移动。

我的 HTML 代码是：

<div class="contextMenu" id="runContextMenu" style="display:none">

我的 Javascript 代码是：

$("tr.jqgrow",'#'+gridName).contextMenu('runContextMenu', {
    bindings: {
    },
    onContextMenu: function (event, menu) {
    } });

【问题讨论】：

在这里可以看到同样的症状：ok-soft-gmbh.com/jqGrid/LocalFormEditingWithContextmenu2.htm

标签： jquery jqgrid free-jqgrid

【解决方案1】：

您使用的是哪个版本的contextMenu？您使用哪个版本的 jQuery UI？您使用哪个版本的免费 jqGrid？

您描述的问题似乎是contextMenu 的纯问题。有不同版本的contextMenu 插件。例如，可以使用plugins 文件夹中的jquery.contextmenu-ui.js。它包含the lines，它固定菜单的垂直位置。此外，我建议您使用$('#'+gridName).contextMenu 而不是$("tr.jqgrow",'#'+gridName).contextMenu。它只绑定到网格而不是绑定到网格的每一行，并在每次分页、排序或过滤后重新绑定loadComplete。 onContextMenu 的 event 参数包含有关单击行的完整信息。你可以使用

var rowid = $(event.target).closest("tr.jqgrow").attr("id");

获取rowid。见here。

您可以使用另一个contextMenu 插件，例如https://swisnl.github.io/jQuery-contextMenu/。

【讨论】：

谢谢 Oleg，是的，我正在使用插件目录中的那个。我最终不得不改变它。我将使用您的提示来绑定网格而不是每一行。