如何从顶级工具栏构建jqgrid上下文菜单

Question

Custom values to Context Menu Items in JQgrid包含有关向jqgrid添加上下文菜单的精彩示例。 如果动态禁用编辑，删除，添加操作，则将上下文菜单与工具栏同步需要额外的编码。

如何从jqgrid顶级工具栏自动创建上下文菜单，以便不需要额外的编码？上下文菜单应包含工具栏按钮图标和按钮标题成为菜单项标题。 选择菜单触发工具栏按钮单击事件。

或者，如果这不可能，如何将上下文菜单项与工具栏同步？例如，如果navtoolbar调用del：false，则上下文菜单中的删除命令不应出现或显示为禁用。

Answer 1

我的新demo演示了如何执行此操作：

在演示中，我使用了jqGrid的plugins目录中包含的jquery.contextmenu.js的{​​{3}}。我的代码非常完美，尤其是在使用CSS类并在menuStyle的{​​{1}}和itemHoverStyle中使用颜色时。然而，代码确实需要我们。

演示的主要部分来自contextMenu函数，可以在构建导航器栏后调用（createContexMenuFromNavigatorButtons和navGrid之后）。用法非常简单：

navButtonAdd

您将在下面找到createContexMenuFromNavigatorButtons($("#list"), '#pager'); 的代码：

createContexMenuFromNavigatorButtons