easyui datagrid中单击添加菜单事件

原创 2012年03月21日 17:13:57
//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("更新成功!");
                }
            });
        }
    });

Jquery easyui从零单排之datagrid添加行单击事件

给datagrid添加行单击事件 一、前台代码:         Start from zero                             ...

easyui datagrid 基础方法和事件

数据表格属性(DataGrid Properties) 属性继承控制面板,以下是数据表格独有的属性。 名称 类型 描述 默认值 columns array 数据...
  • yeyingss
  • yeyingss
  • 2016年10月28日 11:55
  • 12143

easyUI datagrid自定义添加列 (点击事件)

有列表 想添加一个操作列  类似删除之类的   ...
  • nnn_net
  • nnn_net
  • 2016年07月13日 15:42
  • 9184

easyui 为表格行添加事件

1.0的验收老师提到最多的是:无处不按钮,无处不入口。在后面的开发中牢记了这个思想,行动下移。比如对表格的操作,不能只限于工具栏上的按钮,选中一条数据后需得选按钮,索性不给它设计工具栏,点击哪里都是按...

easyUI datagrid 表格 表头添加菜单,实现可选列。

拿其他人的code,稍微改进了下,shi'x
  • leijuly
  • leijuly
  • 2014年05月16日 15:35
  • 6685

JQuery easyUi datagrid 中 editor 增加自定义事件(2)

在easyUi 的datagrid 的 onLoadSuccess:function(data) 函数 中添加即可: onLoadSuccess:function(data) ...

DataGrid的某一列添加超链接,点击超链接触发Onclick函数

本文章是为了实现点击超链接,实现下载文档。传的参数是文档的.txt,下载的文档是zip格式的。 在js中给datagrid的列添加超链接时,因为传的参数是文档名,包括扩展名,导致传输的时候传不过去,...

easyui datagrid自定义按钮列,即最后面的操作列

做项目的时候因为需求,要在表格的最后添加一列操作列,easyUI貌似没有提供这种功能,不过没关系,我们可以自定义来实现 版本:jquery easyUI 1.3.2 这里我的实现方式是采用HTML形式...
  • thc1987
  • thc1987
  • 2013年12月13日 17:43
  • 83042

jquery easyui树形菜单调用点击事件例子

easyui树形菜单调用点击事件例子: 翻了api文档好像没找到类似的点击事件和示例demo 于是想自己写 额,刚开始是这样的: $("#munes ul li").live("click",f...

easyui datagrid 编辑状态时,为列添加文本改变事件

最近用到jQuery EasyUI 的时候在datagrid编辑状态的时候,输入值统计合计的时候没有文本改变事件. 所以特地加上了文本改变事件用于统计合计...easyui的版本是1.4.3 第一...
  • xnlzg
  • xnlzg
  • 2015年11月14日 23:11
  • 3190
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:easyui datagrid中单击添加菜单事件
举报原因:
原因补充:

(最多只允许输入30个字)