EasyUI 表格点击右键添加或刷新 绑定右键菜单

例1

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

代码:

  <div id="contextMenu_jygl" class="easyui-menu" style="width: 80px; display: none;">              
                <div id="btn_More" data-options="iconCls:'icon-ok'" οnclick="MoreInfo()">查看个人信息</div>
                <div id="Pass" data-options="iconCls:'icon-remove'" οnclick="MoreInfo()">通过</div>
                <div id="NoPass" data-options="iconCls:'icon-remove'" οnclick="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" οnclick="revoke()">授权</div>   
      <div iconCls="icon-delete" οnclick="onDelete()">删除</div>   
      <div iconCls="icon-xiaoxi" οnclick="onAdds()">发送个人消息</div>
      <div>   
          <span>其它添加方式</span>   
          <div style="width:100px;">   
              <div iconCls="icon-commbook" οnclick="saveToGroup()">存通讯录</div>   
              <div iconCls="icon-qunzu" οnclick="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);
}
};

转载于:https://www.cnblogs.com/sjd1118/p/7019916.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/455446.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

python神奇的小海龟_Python笔记_第一篇_面向过程_第一部分_8.画图工具(小海龟turtle)...

turtle 是一个简单的绘图工具。提供一个小海龟&#xff0c;可以把它理解为一个机器人&#xff0c;只能听懂有限的命令&#xff0c;且绘图窗口的原点(0,0)在中间&#xff0c;默认海龟的方向是右侧海龟的命令包括三类&#xff1a;运动命令、笔画控制命令、其他命令。1. 运动命令…

jupyter浅析

一、jupyter 起步:简介 Jupyter Notebook是一个开源的Web应用程序&#xff0c;允许用户创建和共享包含代码、方程式、可视化和文本的文档。它的用途包括&#xff1a;数据清理和转换、数值模拟、统计建模、数据可视化、机器学习等等。它具有以下优势&#xff1a; 可选择语言&a…

我在全球最大的同性社交平台那点事

本文作者&#xff1a;夏之冰雪&#xff0c;i春秋签约作家 《我在百度网盘上看到上万条车主个人信息,企业、政府高官信息、各种数据库和无穷无尽的盗版》&#xff0c;一时间&#xff0c;这篇文章就火了&#xff0c;火爆程度另百度猝不及防。 其实呢&#xff0c;这事真不能全怪百…

H.264的CAVLC(编码.解码)过程详解

看264也看到CAVLC来了&#xff0c;把这方面的资料贴在这里&#xff1a; 编码过程&#xff1a; 假设有一个4*4数据块 &#xff08;变化&#xff0c;量化后就送入熵编码&#xff09;{ 0 , 3 , -1 , 0, 0, -1 , 1, 0, 1 , 0 , 0 , 0, 0 , 0 , 0 , 0 } 数据重排列&a…

python进程通信方式有几种_python全栈开发基础【第二十一篇】互斥锁以及进程之间的三种通信方式(IPC)以及生产者个消费者模型...

一、互斥锁进程之间数据隔离&#xff0c;但是共享一套文件系统&#xff0c;因而可以通过文件来实现进程直接的通信&#xff0c;但问题是必须自己加锁处理。注意&#xff1a;加锁的目的是为了保证多个进程修改同一块数据时&#xff0c;同一时间只能有一个修改&#xff0c;即串行…

Python实现修改图片尺寸

起步 很多小伙伴从网上找的图片可能图片尺寸与自己的需求不符合 今天小编就教大家使用python写一个简单脚本程序实现修改图片的尺寸 环境准备 首先我们需要python环境,它的安装可以参考:python安装以及版本检测 其次我们还需要安装一个python图形化的库PIL PIL的安装,这里…

数据集

https://zhuanlan.zhihu.com/p/25138563转载于:https://www.cnblogs.com/zhangbojiangfeng/p/7039725.html

常见的攻击手段及其防御方式

本文简单介绍几种常见的攻击手段及其防御方式 XSS(跨站脚本攻击)CSRF&#xff08;跨站请求伪造&#xff09;SQL注入DDOSXSS 概念 全称是跨站脚本攻击&#xff08;Cross Site Scripting&#xff09;&#xff0c;指攻击者在网页中嵌入恶意脚本程序。案列 比如说我写了一个博客网站…

使用ffmpeg进行h.264编码

m_fmt->video_codec CODEC_ID_H264; /* 添加视频流 */ m_video_st av_new_stream(m_oc, 0); if (!m_video_st) { return 0; } m_videocavcodec_alloc_context(); m_videoc m_video_st->codec; /* 视频相关参数 */ m_videoc->codec_id m_fmt->video_codec; m_…

关于java的关键字 transient

我们都知道一个对象只要实现了Serilizable接口&#xff0c;这个对象就可以被序列化&#xff0c;Java的这种序列化模式为开发者提供了很多便利&#xff0c;我们可以不必关系具体序列化的过程&#xff0c;只要这个类实现了Serilizable接口&#xff0c;这个的所有属性和方法都会自…

python中文件变化监控-watchdog

起步 在python中文件监控主要有两个库&#xff0c;一个是pyinotify&#xff0c;一个是watchdog。pyinotify依赖于Linux平台的inotify&#xff0c;后者则对不同平台的的事件都进行了封装。因为我主要用于Windows平台&#xff0c;所以下面着重介绍watchdog&#xff08;推荐大家阅…

python决策树分类鸢尾花_基于决策树—鸢尾花分类

决策树算法广泛应用于&#xff1a;语音识别、医疗诊断、客户关系管理、模式识别、专家系统等&#xff0c;在实际工作中&#xff0c;必须根据数据类型的特点及数据集的大小&#xff0c;选择合适的算法。本文选择经典案例——《鸢尾花分类》一、决策树定义决策树算法是一种基于实…

希捷宣布出货双碟装1TB硬盘 单碟500GB上市

希捷今天宣布&#xff0c;单碟容量高达500GB的Barracuda 7200.12 1TB硬盘已经出货。 现有的1TB硬盘产品一般都是三碟装(此前也有四碟装)&#xff0c;包括希捷自家的ST31000340AS&#xff0c;但希捷一进率先将其升级为双碟装&#xff0c;存储密度也达到了329Gb每平方英寸。这样一…

P1334 瑞瑞的木板

题目描述 瑞瑞想要亲自修复在他的一个小牧场周围的围栏。他测量栅栏并发现他需要N&#xff08;1≤N≤20,000&#xff09;根木板&#xff0c;每根的长度为整数Li&#xff08;1≤Li≤50,000&#xff09;。于是&#xff0c;他神奇地买了一根足够长的木板&#xff0c;长度为所需的N…

FFMpeg的output_example.c例子分析

该例子讲了如何输出一个libavformat库所支持格式的媒体文件。 &#xff08;1&#xff09;av_register_all()&#xff0c;初始化libavcodec库&#xff0c;并注册所有的编解码器和格式。 &#xff08;2&#xff09;guess_format()&#xff0c;根据文件名来获取输出文件格式&#…

大量数据+同步+多线程_Vulkan 多线程渲染

1. Overview of Vulkan1.1 计算机图形软件图形软件有两个大类&#xff1a;专用软件包&#xff08;special-purpose packages&#xff09;和通用编程软件包&#xff08;general programming packages&#xff09;。专用软件包通常提供一种UI设计语言&#xff0c;让用户直接生成想…

飞康任命Gartner前分析师担任亚洲区市场总监

在虚拟化、数据保护和数据迁移领域具备15年创新经验的美国飞康软件公司&#xff08;FalconStor Software, Inc.&#xff0c;NASDAQ&#xff1a;FALC&#xff09;近日宣布任命张瑾&#xff08;Jimmie Chang&#xff09;先生担任该公司亚洲区市场部门负责人。 飞康公司近日面向全…

12_登陆案例

13131转载于:https://www.cnblogs.com/ZHONGZHENHUA/p/7044846.html

如何基于FFMPEG和SDL写一个少于1000行代码的视频播放器

http://blog.csdn.net/eplaylity/archive/2008/12/05/3454431.aspx http://www.cnblogs.com/konyel/tag/SDLGuide%E4%B8%AD%E6%96%87%E8%AF%91%E7%89%88/ ffmpeg文档http://blog.sina.com.cn/s/blog_46dc65a90100a91b.html http://dranger.com/ffmpeg/ffmpeg.html VLC核心功能部…

Flask 概述

什么是Web Framework&#xff1f; Web Application Framework&#xff08;Web应用程序框架&#xff09;或简单的Web Framework&#xff08;Web框架&#xff09;表示一个库和模块的集合&#xff0c;使Web应用程序开发人员能够编写应用程序&#xff0c;而不必担心协议&#xff0…