关闭

easyui datagrid中单击添加菜单事件

标签: datagridfunctionjsonclassreport
4281人阅读 评论(1) 收藏 举报
分类:
//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>



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

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:501349次
    • 积分:5295
    • 等级:
    • 排名:第5150名
    • 原创:141篇
    • 转载:25篇
    • 译文:0篇
    • 评论:66条
    博客专栏
    C# Redis

    文章:7篇

    阅读:158548