easyui datagrid中添加右键菜单事件

原创 2012年03月21日 17:04:34
//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>

//查询按钮
$("#getprefrominfo").click(function () {
        var cols = $.data(document.body, "selectcols");//数据缓存,获取需要查询的列名
        if (cols == null) {
            AlertMsg("请选择列!");
            return;
        }
        else {
            $("#grid").datagrid("loading");
            var index = 0; //0为查询
            var qp = {
                cols: cols,
                sortway: $.data(document.body, "sortway"),
                index: index
            };
            $("#result").empty();
            $("#grid").datagrid({
                queryParams: qp,             //datagrid自带的传值参数
                //这边可以不用queryParams传值,可以写成:
                // url: '/report/PreformDrawInfo_Get?_=' + radomnum(1000)+data,
                //其中data为字符串类型的数据
                //但是在IE下不用queryParams的话,数据中出现中文字符或出现乱码
                url: '/report/PreformDrawInfo_Get?_=' + radomnum(1000),
                onRowContextMenu: function (e, rowIndex, rowData) {         //右击事件
                    $.data(document.body, "selectupdaterodno", rowData['入库棒号']);//将右击选中的某行数据放在缓存中
                    $('#menu').menu('show', {
                        left: e.pageX,         //弹出窗口的方位坐标
                        top: e.pageY
                    });
                    e.preventDefault();         //阻止浏览器自带的右键菜单弹出
                }
            });
        }
    });


//右击后触发的事件
$('#m-update').click(function () {
        postAjax("Report", "updateState", "rodno=" + $.data(document.body, "selectupdaterodno"), function (json) {
            if (!json.iserror) {
                $.data(document.body, "selectupdaterodno", "");     //清空缓存
                AlertMsg("更新成功!");
            }
        });
    });

JQueryEasyUI学习笔记(十一)datagrid 右键菜单,冻结列

欢迎大家转载,转载请注明出处! 希望这个笔记对自己和大家有用,但是本人水平有限,如果出错的地方,希望大家指出,多多批评,谢谢! 今天是datagrid框架的冻结列和右键菜单: 废话就不多说了,直...
  • dyllove98
  • dyllove98
  • 2013年04月30日 17:32
  • 12164

jQuery EasyUI 给datagrid绑定右键菜单

以下为本人针对后台jquery easyui 页面优化问题解决办法,希望能给大家带来帮助 在下列表格中使用右键菜单 ...
  • wh_forever
  • wh_forever
  • 2015年07月30日 19:53
  • 4485

EasyUI效果--右击菜单

之前写了一篇博客,关于EasyUI效果的,当时我是将EasyUI的demo一个一个打开,在浏览器中查看他们的效果,因为是英文版的,很多单词不认识,还一个个查了意思.后来,我发现了EasyUI的中文官网...
  • liuyanlinglanq
  • liuyanlinglanq
  • 2015年02月10日 11:44
  • 3655

easyui中在datagrid中右键出现菜单

onRowContextMenu,easyui提供了这个方法,来实现右键出现菜单。其中给了三个参数:e,index,row. 大多数人会出现这样的问题,你发现,当你右键的时候,总是浏览器的菜单出现 ...
  • Carrie_zzz
  • Carrie_zzz
  • 2017年08月27日 16:46
  • 143

Extjs4---鼠标右键事件

在Extjs4中鼠标的右键相应事件为 itemcontextmenu( Ext.view.View this, Ext.data.Model record, HTMLElement item, ...
  • lc448986375
  • lc448986375
  • 2012年10月18日 15:57
  • 6687

Datagrid添加右键菜单

最近的一个项目前台使用的EasyUI,每个界面都有DataGrid控件,按照我们的想法,应该做出来的效果是单击选中,双击可编辑,当然右键也应该出现这些菜单按钮,首先建一个DataGrid的表格。。。。...
  • u013036688
  • u013036688
  • 2015年08月14日 19:57
  • 1353

js鼠标添加右击事件

前言    在做ITOO项目课程表教师端这块儿时,发现只有修改、添加、导入的功能,验收的时候说添加一个删除的功能吧,右击删除,接下来就是实践了,因为这块本来有双击事件,现在要添加一个右击事件,本来想用...
  • sms15732621690
  • sms15732621690
  • 2016年09月11日 19:19
  • 1645

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

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

EasyUI效果--右击菜单

之前写了一篇博客,关于EasyUI效果的,当时我是将EasyUI的demo一个一个打开,在浏览器中查看他们的效果,因为是英文版的,很多单词不认识,还一个个查了意思.后来,我发现了EasyUI的中文官网...
  • liuyanlinglanq
  • liuyanlinglanq
  • 2015年02月10日 11:44
  • 3655

JQueryEasyUI学习笔记(十一)datagrid 右键菜单,冻结列

欢迎大家转载,转载请注明出处! 希望这个笔记对自己和大家有用,但是本人水平有限,如果出错的地方,希望大家指出,多多批评,谢谢! 今天是datagrid框架的冻结列和右键菜单: 废话就不多说了,直...
  • dyllove98
  • dyllove98
  • 2013年04月30日 17:32
  • 12164
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:easyui datagrid中添加右键菜单事件
举报原因:
原因补充:

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