easyui datagrid中添加右键菜单事件

时间:2021-04-13 17:01:06
//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("更新成功!");            }        });    });