JqueryEasyUI datagrid 右键菜单问题!

hanqing_liu 2011-09-26 11:12:02
$(function () {
$("#grid").datagrid({
onRowContextMenu: function (e, rowIndex, rowData) {
$('#mm').menu('show', {
left: e.pageX,
top: e.pageY
});
}
});
});
菜单是出来了
但 ie 的 右键 菜单也 出来了 什么 查看源代码 啊
求解!
...全文
106 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
hanqing_liu 2011-09-26
  • 打赏
  • 举报
 回复
e.preventDefault();
Jquery EasyUI Datagrid右键菜单实现方法
最近在学Jquery EasyUI，现在来说一说EasyUI的DataGrid，一般当我们在实现前端界面的时候，经常在DataGrid的上面或者后面加一些按钮，方便用户进行一些添加，删除，编辑等功能 用户在每次使用的时候，都需要去先选中一条或者多条数据，然后在去点按钮进行相关操作，这样其实还是很麻烦的，做项目的过程中，为了用户着想，做了一个右键菜单，用户想要删除或者编辑某一条数据直接在其位置上右键就可以。 下面上HTML 代码 <!--放置
解决EasyUIdataGrid列比较多，无数据，列展现不全
解决EasyUIdataGrid列比较多，无数据，列展现不全
jQuery EasyUI 1.3 API 中文教程
api+实例解析 对于普通系统开发绝对够用了 演示范例 拖动与菜单 一般拖动 - Draggable 拖放 - DragDrop 拖放二 - DragDrop 拖放三 - DragDrop 缩放 - Resizable 滑动条 - Slider 菜单 - Menu 菜单按钮 - MenuButton 分隔按钮 - SplitButton 树形菜单 - Tree/li> 可编辑树形菜单 - Editable Tree 按钮与布局 链接按钮 - LinkButton 分隔按钮 - SplitButton 简单的布局面板 - Easy
SYPRO示例项目源码和EasyUI入门视频教程
SYPRO示例项目源码和EasyUI入门视频教程，视频在我的百度网盘中，可以下载学习： sypro示例程序(springMvc+hibernate4+easyui) sshe示例程序(struts2+spring3+hibernate4+easyui)(Maven构建) easyui1.2.6整站文件.zip jquery1.7.2中文API修正版.chm jquery.easyui-1.2.5源码未压缩版.rar jquery-easyui-1.2.6.zip JQuery-esqyUI中文-1.2.5API.CHM 第01课(大概介绍一下easyui，和组织的地址，官方网站等) 第02课(介绍easyloader组件和easyui怎样使用) 第03课(parser组件panel组件) 第04课(通过用户登录来演示dialog、ajax的使用，serialize方法的使用，前后台怎样交互等) 第05课(讲解easyui的form控件、validatebox控件、怎样跟后台交互) 第06课(讲解easyui的layout的使用) 第07课(讲解datagrid的基本应用，后台交互，排序功能) 第08课(讲解datagrid的查询，toolbar的多种创建方式，清空查询条件，扩展一个form序列化object的方法，load、reload方法的使用和区别，datetimebox初始化时需要注意的问题) 第09课(讲解datagrid的行编辑模式，增加、删除、修改，扩展editor的类型，扩展datagrid，增加动态改变editor属性，简单介绍了form的load，简单介绍了弹窗编辑模式，讲解了双击行开启编辑模式，选择行开启编辑模式，取消编辑模式。讲解insertRow、appendRow、getRowIndex、getSelections、unselectAll、rejectChanges等方法的使用和区别) 第10课(datagrid增加、删除、修改功能，结合后台讲解，怎样获得增加或删除的数据，怎样传递到后台，如果添加或修改不成功，怎样回滚操作，后台操作成功，保持状态等。和清空datagrid的简单方法。) 第11课(介绍一些easyui群，介绍easyui论坛等信息。datagrid冻结列讲解，datagrid右键菜单讲解，forzenColumns与fitColumns的应用) 第12课(讲解datagrid的formatter的应用，格式化时间、行样式、列样式、表头居中，内容居右等应用)(formatter的提示功能，由于录制问题，没有录制到提示信息，所以大家自己去测试一下吧，不能重新录制了。) 第13课(讲解easyui更换主题皮肤) 第14课(讲解tree的应用，tree的初始化方式、异步tree都需要那些配置、tree的lines、url、checkbox、属性,onLoadSuccess事件，getChecked方法的应用) 第15课(继续讲解tree的使用，介绍tree需要的JSON格式、常用事件和方法，结合tabs的使用等) 第16课(tree数据载入后自动选中想要选择的节点、tree的iconCls需要注意的地方、js中不可以用search当function名称、combo组件的基本使用) 第17课(combobox属性介绍、combobox的autocomplete功能、联动功能，本地过滤和远程过滤功能、combobox方法介绍。简要描述datagrid行编辑模式中editor类型是combobox需要注意的问题。简要描述easyui1.3的data-options初始化方式。) 第18课(讲解combotree组件的使用) 第19课(讲解combogrid组件和treegrid组件的使用) 第20课(讲解PropertyGrid组件的使用)
easyui+增强窗体 demo_ext为实例文件
2016-1-31 更新 1、使用时不再需要显示调用followCustomHandle方法，即可生效扩展属性。 2013-9-3 更新 1、$.showWindow 和 $.showModalDialog 在useiframe=true时，对窗体body增加遮罩控制。 2、easyui.tabs的add方法当useiframe=true时，增加遮罩控制。 3、toolbar增加url属性，可以通过请求后台数据构建。 4、增加mask（遮罩）扩展。 2013-8-26 更新 1、tree增加支持类标准数据格式加载，具体看demo或jquery.easyui.tree.extend.js文件开头说明。 2、修复datagrid在rowediting编辑风格时点击“确定”按钮无法提交问题。 3、datagrid和treegrid增加getEditingRows方法，用来获取所有正在编辑的行。 4、修复tabs.add方法，当useiframe=true时, iframe的高度改为100%。 5、修复当tabs使用iframe时，右键菜单刷新报错问题。 6、增加combotree对简单数据格式和类标准数据格式的加载，具体参考jquery.easyui.tree.extend.js文件开头说明。 7、修复datagrid.onConfirmEdit事件默认实现bug。 8、增加treegrid.onConfirmEdit事件。 2013-8-12 更新 1、修复combobox在级联操作时，传递的swd参数值为null，而不是选中值。 2、datagrid的addEventListener 方法增加对事件onExpandRow和onCollapseRow的控制。 3、tree增加自定义属性 attributes，用于简单数据加载时，指定那些字段当作node的attributes属性使用。 4、combobox增加 getSelected 方法， 返回选中item的data值。 5、combogrid增加 getSelected 方法，返回选中item的data值。 6、datagrid增加 getAllExpandRowIndex 方法，用于在detailView视图下获取当前页已展开行的索引。 7、datagrid增加 getExpandRowIndex 方法，用于在detailView视图下获取当前页第一个展开行的索引。 8、datagrid增加 fixDetailRowWidth 方法，用于detailView视图下修改rowDetial中组件宽度。 9、getAllExpandRowIndex、getExpandRowIndex、fixDetailRowWidth 这三个方法联合使用可解决detailView视图下列拖拽时显示错位问题。 10、修复datagrid 的rowEditing编辑风格在没有数据的datagrid中增加数据后，再编辑时无法显示的问题。 11、datagrid增加自定义事件 onConfirmEdit , 用于rowEditing编辑风格点击“确定”按钮时触发。当事件返回false时终止endEdit方法调用。 2013-7-31 更新 1、$.showWindow、$.showModalDialog 这两个方法增加返回值，返回值指向当前弹出窗的引用。 2、移除根据$.browser.msie判断浏览器版本。 2013-7-18 更新 1、menu、datagrid、combo、combobox、panel、tabs、tree、treegrid 增加 addEventListener 方法。 2、修复menu、datagrid、combo、combobox、panel、tabs、tree、treegrid 因事件注册造成多次重复渲染的问题（包括多次请求后台数据）。 3、移除datagrid 的rowContextMenu菜单项默认事件替换功能。 4、删除datagrid rowContextMenu默认菜单中的增加、编辑、导出菜单项。
JavaScript

87,904

社区成员

224,614

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章