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("更新成功!");
                }
            });
        });
  • 相关阅读:
    在SQLite中使用索引优化查询速度
    SQLite支持的SQL数据操作
    left (outer) join , right (outer) join, full (outer) join, (inner) join, cross join 区别
    深入理解Android内存管理原理(六)
    Merge Sorted Array
    Sort Colors
    Construct Binary Tree from Preorder and Inorder Traversal
    Binary Tree Postorder Traversal
    Symmetric Tree
    Rotate Image
  • 原文地址:https://www.cnblogs.com/QiuJL/p/4524223.html
Copyright © 2011-2022 走看看