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>



    //js中添加全局变量rodno
    var rodno;
    //数据缓存保存所有数据
    $.data(document.body, "tableinfo", json.info);
    $("#grid").datagrid({
                    singleSelect: true,
                    rownumbers: true,
                    frozenColumns: [json.frozenColumns], //后台json构造的动态列,需指定宽度
                    columns: [json.columns1, json.columns2],//后台自动取的列名
                    onClickRow: function (rowIndex) {     //单击触发
                        //rowIndex选择的行号
                        var tableinfo = $.data(document.body, "tableinfo");  //将数据缓存中数据赋值到tableinfo中 
                        rodno = tableinfo[rowIndex].入库棒号;     //根据行号取到json中数据
                        $('#menu').menu('show', {
                            left: $(".datagrid-row-selected")[1].cells[$(".datagrid-row-selected")[1].cells.length - 1].offsetLeft + 270,
    //取到特定的某一个数据单元格的位置参数
                            top: $(".datagrid-row-selected")[1].cells[$(".datagrid-row-selected")[1].cells.length - 1].offsetTop + 200
                        });
                    }
                });


    //触发的事件
    $('#m-update').bind("click", function () {
            if (rodno == undefined) {
                AlertMsg("请先选择需要更新的数据!");
            } else {
                postAjax("Report", "PreformDrawInfo_updateState", "rodno=" + rodno, function (json) {
                    if (!json.iserror) {
                        rodno = null;
                        AlertMsg("更新成功!");
                    }
                });
            }
        });

  • 相关阅读:
    ajax原理和XmlHttpRequest对象
    在vue项目中 如何定义全局变量 全局函数
    杂乱知识 -- 记录工作或学习中遇到的一些点
    JavaScript中的数组遍历forEach()与map()方法以及兼容写法
    cookie的存取删
    微信小程序中公用内容
    mysql 多实例
    yum 安装和卸载
    rpm 安装卸载
    git blame
  • 原文地址:https://www.cnblogs.com/QiuJL/p/4524222.html
Copyright © 2011-2022 走看看