jqgrid 加入右键菜单按钮管理

除了在表格底部添加自定义按钮外，还可以通过设置右键菜单按钮来添加自定义事件。看下图：

如何实现以上功能？

1）引入ContextMenu插件

2）创建一个函数用于初始化右键菜单（本示例取名为 initGridMenu ）

3）把initGridMenu方法名赋值给jqgrid的 gridComplete 方法属性

具体代码写法请参考如下：

         //引入右键菜单插件
         <script type="text/ecmascript" src="xxx/ContextMenu/ContextMenu.js"></script>
         ...
         //在jqgrid中启用右键菜单
         $("#jqGrid").jqGrid({
              ...
              gridComplete: initGridMenu,
              ...
         });

        //初始化邮件菜单按钮列表
        function initGridMenu() {
            $(".jqgrow", "#jqGrid").contextMenu('contextMenu', {
                menuStyle: {
                    width: "150px"
                },
                bindings: {
                    'edit': function (t) {
                        editRow();
                    },
                    'add': function (t) {
                        addRow();
                    },
                    'del': function (t) {
                        delRow();
                    }
                },
                onContextMenu: function (event, menu) {
                    var rowId = $(event.target).parent("tr").attr("id")
                    var grid = $("#jqGrid");
                    grid.setSelection(rowId);

                    return true;
                }
            });

View Code

 

转载于:https://www.cnblogs.com/senyier/p/7325723.html