easyui datagrid中单击添加菜单事件

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

posted @ 2012-03-21 17:13  风一样的大叔  阅读(255)  评论(0编辑  收藏  举报