• 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("更新成功!");
                    }
                });
            }
        });

  • 相关阅读:
    随笔 JS 字符串 分割成字符串数组 并动态添加到指定ID的DOM 里
    phpmyadmin查看创建表的SQL语句
    thinkphp 3.2响应头 x-powered-by 修改
    Centos 7.0查看硬盘使用情况 命令
    centos 7.0安装花生壳
    centos 7.0 菜鸟接触命令 记录
    centos 7.0 ssh 登陆
    Sphinx 2.2.6 window下安装全过程 未完 持续标记~~~~
    c#多线程编程实战(原书第二版)文摘
    分布式锁的几种实现方式(转)
  • 原文地址:https://www.cnblogs.com/QiuJL/p/4524222.html
Copyright © 2020-2023  润新知