您的位置:首页 > 其它

jqgrid 加入右键菜单按钮管理

2017-08-09 15:46 357 查看
除了在表格底部添加自定义按钮外,还可以通过设置右键菜单按钮来添加自定义事件。看下图:

//引入右键菜单插件
<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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: