例1

在HTML页面中设置一个隐藏的菜单(前提是已经使用封装的Easyui)

代码:

<div id="contextMenu_jygl" class="easyui-menu" style="width: 80px; display: none;">              
                <div id="btn_More" data-options="iconCls:'icon-ok'" onclick="MoreInfo()">查看个人信息</div>
                <div id="Pass" data-options="iconCls:'icon-remove'" onclick="MoreInfo()">通过</div>
                <div id="NoPass" data-options="iconCls:'icon-remove'" onclick="MoreInfo()">不通过</div>
</div>

第二步:

编写js代码

$("#dt").datagrid({

onRowContextMenu: function (e, rowIndex, rowData) { //右键时触发事件                      
                        e.preventDefault(); //阻止浏览器捕获右键事件
                        $(this).datagrid("clearSelections"); //取消所有选中项
                        $(this).datagrid("selectRow", rowIndex); //根据索引选中该行
                        $('#contextMenu_jygl').menu('show', {                        
                            left: e.pageX,//在鼠标点击处显示菜单
                            top: e.pageY
                        });
                        e.preventDefault();  //阻止浏览器自带的右键菜单弹出
                    },

})

例2

  1. <table id="dg" class="easyui-datagrid"  data-options="onRowContextMenu: function (e, rowIndex, rowData) {
  2. $('#mm').menu('show', { left: e.pageX, top: e.pageY }); e.preventDefault();
  3. }
  4. <tr>.....</tr>
  5. <tr>.....</tr>
  6. <tr>.....</tr>
  7. <tr>.....</tr>
  8. </table>

<div id="mm" class="easyui-menu" style="width:100px;display: none">   
      <div iconCls="icon-shield" onclick="revoke()">授权</div>   
      <div iconCls="icon-delete" onclick="onDelete()">删除</div>   
      <div iconCls="icon-xiaoxi" onclick="onAdds()">发送个人消息</div>
      <div>   
          <span>其它添加方式</span>   
          <div style="width:100px;">   
              <div iconCls="icon-commbook" onclick="saveToGroup()">存通讯录</div>   
              <div iconCls="icon-qunzu" onclick="deptImport()">导入</div>   
          </div>   
      </div>   
    </div>

  1. 右击表格数据行显示效果图如下:

例三

<table id="StorageManagerId" class="easyui-datagrid" style="width:auto;height:500px;" data-options="onRowContextMenu: function (e, rowIndex, rowData) {
$('#mmStorageManager').menu('show', { left: e.pageX, top: e.pageY }); e.preventDefault();
} "></table>

<div id="mmStorageManager" class="easyui-menu" style="width:100px;display: none">
<div id="gridViewAdd" iconcls="icon-shield">添加</div>

<div id="gridViewRefresh" iconcls="icon-shield">涮新</div>
</div>

刷新

$('#mmCustomerCHis #gridViewRefresh').on("click", function () {
$('#' + tableId).datagrid('reload');
});

添加

$('#mmStorageManager #gridViewAdd').on("click", function () {
datagridAdd();
});

function datagridAdd() {
var data = $('#' + tableId).datagrid('getData');
if (data.rows.length < 6) {
dataOption.ListOperation(StorageManager, null, 2, "", "/StorageManager/BaseStorageManagerOption", tableId, refreshNode);
}
else {
showTime("最多只能拥有5个仓库!",3);
}
};

EasyUI 表格点击右键添加或刷新 绑定右键菜单的更多相关文章

  1. 在右键添加Cmder here选项,添加启动Cmder的快捷键

    右键菜单添加“Cmder here” 打开cmder,在其中输入: cmder /register user 或 cmder /register all 即可   设置启动cmder的快捷键 右键 C ...

  2. 为右键添加快速进入CMD的选项,Win7更简单

    最近频繁的ping服务器,远程服务器,一直打开cmd好麻烦,就想到了之前调试perl的时候,用到的一个方法,在文件夹右键添加一个进入CMD的选项.当时的实现方法如下: 在右键菜单中添加 Dos 窗体 ...

  3. EasyUI 1.3.6 DateBox添加清空按钮

    EasyUI 1.3.6 DateBox添加清空按钮 效果如图: EasyUI datebox是没有清空按钮的,可通过如下方法加入: 打开jquery.easyui.min.js看到这样如此乱的代码, ...

  4. Windows10右键添加“在此处打开命令窗口"

    今天跑代码时用到了Powershell,有一个环境变量死活都找不到,无奈只好重新回到cmd命令行测试,结果立马就跑通了.-_-||  由于现在Win10默认右键只有Powershell,所以为了以后方 ...

  5. 如何将程序添加到Windows桌面右键菜单

    在Windows桌面上右键单击鼠标时,将显示默认菜单.如果您想要将其它程序添加到Windows桌面右键菜单中,则可以按照以下步骤执行: 运行WinUtilities上下文菜单管理器 点击添加 选择菜单 ...

  6. js实现在表格中删除和添加一行

    <!DOCTYPE html><html> <head> <title> new document </title> <meta ht ...

  7. 右键添加git-bash

    主要: 右键如果没有git-bash,如何给右键手动添加 前面对右键存在git-bash但使用出现问题的解决,也想到如果右键都没有,该如何给右键添加了,于是接着记录下如何添加的过程: 情形: 手动给右 ...

  8. 给windows右键添加快捷启动程序

    给windows右键添加快捷启动程序 修改点击空白处的右键 运行--redegit 打开注册表 展开第一个H..C..R 找到 Direcory,展开 找到Background 展开 右键shell, ...

  9. EasyUI Tabs绑定右键

    JS:             /*为选项卡绑定右键*/                 $("#tabs").tabs({                     onConte ...

随机推荐

  1. 【docker】启动docker连接数据库 出现FATAL: password authentucation failed for user "homestatead"问题

    docker可以成功启动,启动命令如下: docker run -d -p : -v `pwd`/pgdata:/var/lib/postgresql/data -e POSTGRES_USER=ho ...

  2. ubuntu harddisk uuid already exists

    就是virtualbox下先用u盘启动的虚拟机,把U盘的vhdk文件拷贝到本机,然后再启动,就有问题,提示什么uuid already exist 找了半天,网上基本都是说windows下如何用的.. ...

  3. jmeter - DBC Request之Query Type

    工作中遇到这样一个问题: 需要准备10W条测试数据,利用jmeter中的JDBC Request向数据库中批量插入这些数据(只要主键不重复就可以,利用函数助手中的Random将主键的ID末尾五位数随机 ...

  4. C语言枚举类型(Enum)

    在实际编程中,有些数据的取值往往是有限的,只能是非常少量的整数,并且最好为每个值都取一个名字,以方便在后续代码中使用,比如一个星期只有七天,一年只有十二个月,一个班每周有六门课程等. 以每周七天为例, ...

  5. Java之基于Eclipse搭建SSH框架(下)

    在上篇博客里,我简介了Tomcat滴配置与Struts2滴搭建,假设对这个还不会滴童鞋去看一下我滴上篇博客<Java之基于Eclipse搭建SSH框架(上)>.今天我们接着上篇博客滴内容. ...

  6. Microsoft Dynamics CRM Server 2013软件安装要求

    watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQveV9mMTIz/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/d ...

  7. socket 网络编程高速入门(一)教你编写基于UDP/TCP的服务(client)通信

    由于UNIX和Win的socket大同小异,为了方便和大众化,这里先介绍Winsock编程. socket 网络编程的难点在入门的时候就是对基本函数的了解和使用,由于这些函数的结构往往比較复杂,參数大 ...

  8. Servlet的部署开发细节以及注意事项

    学习servlet最困难的我感觉还是配置,一開始是非常麻烦的.为了较好的学习,一開始还是以手动开发我认为比較好,可是真的有点把握给搞晕了,尤其是部署servlet方面非常麻烦,这里做一下简单的总结,前 ...

  9. Vue 基础

    1. data 数据 methods 方法 watch 监听变化 2. 模版指令(类似 angular) {{}} v-text 渲染数据 v-html html 结构 3. v-if v-show ...

  10. 登录日志的访问日志的 统计 MapReduce

    登录日志的访问日志的 统计    MapReduce <!-- https://mvnrepository.com/artifact/org.apache.hadoop/hadoop-commo ...