zoukankan      html  css  js  c++  java
  • easyui datagrid中添加右键菜单事件

    //HTML中代码 
    <div id="menu" class="easyui-menu" style="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("更新成功!");
                }
            });
        });
  • 相关阅读:
    for循环使用详解(c语言版)
    在Spring中轻松写日志
    项目可行性分析的困难
    控制台游戏引擎CGE——贪吃蛇
    python做数据分析pandas库介绍之DataFrame基本操作
    什么是 JWT -- JSON WEB TOKEN
    .net core 单体应用基于策略模式授权
    ABP VNext 初始化数据库时报错
    ABP VNext简介及使用代码生成器ABPHelper自动生成代码
    使用jenkins 在docker中发布.net core应用
  • 原文地址:https://www.cnblogs.com/QiuJL/p/4524223.html
Copyright © 2011-2022 走看看