创建easyui的右键菜单(onRowContextMenu)
来源:互联网 发布:买淘宝店铺号去哪里买 编辑:程序博客网 时间:2024/06/07 12:44
第一步:
在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(); //阻止浏览器自带的右键菜单弹出
},
})
- 创建easyui的右键菜单(onRowContextMenu)
- easyui右键菜单easyui-menu的坑
- 右键菜单的创建
- 右键菜单的创建
- easyUI的鼠标右键展示菜单(treegrid和datagrid)
- 为EasyUI 的Tab 标签添加右键菜单(转)
- easyui的tabs右键关闭菜单
- 右键菜单的创建总结
- easyui 右键菜单实例
- jquery easyui 右键菜单
- MFC创建快捷菜单(右键菜单)
- 如何自定义创建windows的右键弹出菜单(C++)
- EasyUI Tab添加右键菜单
- Jquery EasyUI---Datagrid右键菜单
- easyui-tab 加载右键菜单
- 自定义zTree+easyui右键菜单
- 创建自定义的Flash Player右键菜单
- Ext右键菜单的创建与现实
- java接口
- 写在博一下学期伊始
- 2017年度计划
- 枚举
- 值传递,指针传递,引用传递 的区别
- 创建easyui的右键菜单(onRowContextMenu)
- onvif学习 SOAP WSDL
- C# 对数据库操作的帮助类SQLHelper.cs
- json字符串转json对象或者数组
- 公钥私钥+数字证书原理 - 鹏 - 转载
- 使用UIBezierPath和CAShapeLayer高效为UIView添加圆角
- 16.2 测试之unitils
- AWS 使用CLI将IAM角色附加到现有的EC2实例中
- JDK安装过程中出现“javac不是内部或外部命令”问题的解决