Question

如何给jquery easyUI datagrid 添加右键菜单

我右击datagrid中的任意一行 ，弹出菜单栏。

Answer 1

//HTML中代码
< div id="menu" class="easyui-menu" style="width:150px;"><div id="m-update">更新</div><div class="menu-sep"></div><%--分页下划线--%><div id="m-closeall">全部关闭</div><div id="m-closeother">除此之外全部关闭</div><div class="menu-sep"></div><div id="m-close">关闭</div>

//查询按钮
$("#getprefrominfo").click(function () { var cols = $.data(document.body, "selectcols");//数据缓存，获取需要查询的列名 if (cols == null) { AlertMsg("请选择列!"); return; } else { $("#grid").datagrid("loading"); var index = 0; //0为查询 var qp = { cols: cols, sortway: $.data(document.body, "sortway"), index: index }; $("#result").empty(); $("#grid").datagrid({ queryParams: qp, //datagrid自带的传值参数
//这边可以不用queryParams传值，可以写成：
// url: '/report/PreformDrawInfo_Get?_=' + radomnum(1000)+data,
//其中data为字符串类型的数据
//但是在IE下不用queryParams的话，数据中出现中文字符或出现乱码 url: '/report/PreformDrawInfo_Get?_=' + radomnum(1000),
onRowContextMenu: function (e, rowIndex, rowData) { //右击事件 $.data(document.body, "selectupdaterodno", rowData['入库棒号']);//将右击选中的某行数据放在缓存中 $('#menu').menu('show', { left: e.pageX, //弹出窗口的方位坐标 top: e.pageY }); e.preventDefault(); //阻止浏览器自带的右键菜单弹出 } }); } });

//右击后触发的事件
$('#m-update').click(function () { postAjax("Report", "updateState", "rodno=" + $.data(document.body, "selectupdaterodno"), function (json) { if (!json.iserror) { $.data(document.body, "selectupdaterodno", ""); //清空缓存 AlertMsg("更新成功!"); } }); });

Answer 2

$("#id").datagrid({
onContextMenu:function(e,row){
alert(row.id);
}
});