【项目经验】--EasyUI DataGrid之右键菜单

前两天验收项目，老总提了一个不是需求的需求，为什么这么说呢？因为我们的管理不到位！话说当天，我们UI系统下发了一个总文件，上面写着“各个系统找一个没有添加UI的模块去添加最新版本UI进行测试”，然后过了一个多小时吧，我又从组长那接收到另一个通知“已经实现的系统模块就不要加新UI了”，然后，我就又吧没有完成的替换还原了。

熟知，等到老总验收的当天，各个负责人的口径竟然变得不一致了，有的说强制要加，有的说部分要加，有的说因为出现问题就不要加，有的说等待通知，有的说……

我就想说了，不就是一个右键吗？至于这样吗！可能因为我不是领导层，还体会不到那份辛酸……

后来组长下命令，要求“报表模块加上右键啊，多长时间能完成？”

我说“年前”

组长：“好！”

事实上，我只用了五分钟！

故事讲完了，下面个大家分享一下：

首先，如果我们没有使用已经封装的新版UI，那我们还是用我们的easyui的话，我们就要在html中设置按钮
<div id="menu" class="easyui-menu" style="width: 30px; display: none;"><div id="btn_More" data-options="iconCls:'icon-remove'" οnclick="MoreInfo()">更多</div>      </div>
然后呢？当然是写触发右键的js方法：
 <script type="text/javascript">$("#dt").datagrid({onRowContextMenu: function (e, rowIndex, rowData) { //右键时触发事件//三个参数：e里面的内容很多，真心不明白，rowIndex就是当前点击时所在行的索引，rowData当前行的数据e.preventDefault(); //阻止浏览器捕获右键事件$(this).datagrid("clearSelections"); //取消所有选中项$(this).datagrid("selectRow", rowIndex); //根据索引选中该行$('#menu').menu('show', {//显示右键菜单left: e.pageX,//在鼠标点击处显示菜单top: e.pageY});e.preventDefault();  //阻止浏览器自带的右键菜单弹出}});//$('#btn_More').click(function () {//    MoreInfo();//})</script>
效果展示：

最后呢，把我们已经写好的方法连起来打通，就哦了!

就这么点事，但是引出了我们管理上的重大问题，像米老师看起，要学会从高处看问题，那样才能边关全局。最后以我们的一句格言结束：“ 不谋万世者不足谋一时不谋全局者不足谋一域”

转载于:https://www.cnblogs.com/DoubleEggs/p/5747163.html

【项目经验】--EasyUI DataGrid之右键菜单相关推荐

wpf datagrid设置右键菜单打开时选中项的背景色
原文:wpf datagrid设置右键菜单打开时选中项的背景色版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.net/huangli321456/artic ...
datagrid的右键菜单
1. 2.右键菜单,主要是用onRowContextMenu:function(e,index,row){}方法来实现 onRowContextMenu:function(e,index,row){e ...
[经验教程]Windows电脑桌面右键菜单的多余选项怎么删除清理右键选项？
随着Windows电脑下载安装应用软件越来越多,一些软件会在Windows电脑右键增加一些无用多余的选项,而较多的右键选项会造成使用上不必要的麻烦.如何删除清理多余无用的选项成为每个人都需要了解的方法 ...
Mac OS X下删除或添加鼠标右键菜单项目及清除Mac OS右键菜单重复项
一.Mac OS X下删除或添加鼠标右键菜单项目 1. 打开 Finder,点击屏幕顶部菜单栏的 "前往",在下拉菜单里选择 "前往文件夹-" 2. 在弹出的输 ...
easyui datagrid 扩展方法
项目第一次用easyui,在用的时候自己扩展了一些方法,直接引用JS就可以了用了. /** * ********************************** DataGird 扩展属性**** ...
pyqt5 treeview鼠标右键菜单事件_【动手实践】使用 Vue 自定义指令实现右键菜单...
本文来自于神奇的程序员前言浏览器里右键时会有一个默认的菜单,在我的开源项目中正好有自定义右键菜单的需求,在npm库找了下与之相关的包,发现都是以组件形式实现的,感觉那种做法太过繁琐. 于是,我就 ...
vue鼠标右键自定义菜单_使用Vue自定义指令实现右键菜单
前言浏览器里右键时会有一个默认的菜单,在我的开源项目中正好有自定义右键菜单的需求,在npm库找了下与之相关的包,发现都是以组件形式实现的,感觉那种做法太过繁琐. 于是,我就想着能不能像vue的内置指 ...
取消wps右键菜单_让右键菜单变简洁高效！
软件安装得越来越多可能会在右键添加许多项目这就会让右键菜单繁多炫目比如说下面这个右键菜单: 接下来推荐几款软件,用于优化右键菜单不仅简洁而且高效,做减法也做加法一.火绒右键管理工具分为三大 ...
easyui datagrid中添加右键菜单事件
//HTML中代码 <div id="menu" class="easyui-menu" style="width:150px;"& ...

【项目经验】--EasyUI DataGrid之右键菜单

【项目经验】--EasyUI DataGrid之右键菜单相关推荐

最新文章

热门文章