例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. Leetcode第1题至第10题 思路分析及C++实现

    笔者按照目录刷题,对于每一道题,力争使用效率最高(时间复杂度最低)的算法,并全部通过C++代码实现AC.(文中计算的复杂度都是最坏情况复杂度) 因为考虑到大部分读者已经在Leetcode浏览过题目了, ...

  2. 生活娱乐 WIFI机器人(某机器发烧友自己动手做一台)

    某机器发烧友自己动手做一台WIFI机器人,以下是这位发烧友的自述!让我们一起来分享他的劳动成果-- 在经历了十多天的疯狂淘宝.组装.调试.拆卸.再组装.再调试的过程后,俺的Wifi Robot终于于2 ...

  3. 微信小程序 - 音频播放(1.2版本和1.2版本之后)

    不多说了,直接贴code // 1.2版本以后便不在维护 wx.getBackgroundAudioManager({ success:function(res){ var status =res.s ...

  4. Java线程池 ExecutorService

    一.ExecutorService介绍 ExecutorService是Java中对线程池定义的一个接口,它java.util.concurrent包中,在这个接口中定义了和后台任务执行相关的方法:  ...

  5. PHP将当前目录列出来

    $d=dir("."); echo $d->path; while(false !== ($e = $d->read())) { echo "<a hr ...

  6. HTML制作练习

  7. Android(Linux)模拟按键、触摸屏等事件

    前提: 在我们应用程序或者在写Android自己主动化測试时候经常会须要模拟实体按键,来给我们做測试用.这也是我要整理的目的. 基本的涉及的是Linux Input Event事件. 下面的样例基于A ...

  8. Python开发【2.3 模块】

    1.模块导入 import 模块名 from 模块名 import 函数/类/变量 2.模块路径 import sys sys.path 3.模块重新导入 Python3若想在同一次会话中再次运行文件 ...

  9. Intellij IDEA debug jar包

    打成jar包 mvn clean install -Dmaven.test.skip=true jar包保存在target目录下 启动jar Terminal控制台执行下面的命令,启动jar java ...

  10. spring mvc带参数重定向

    http://blog.csdn.net/jackpk/article/details/19121777/ https://isudox.com/2017/02/16/spring-mvc-redir ...