最近在学习Jquery 易UI。现在我们来谈谈易趣的数据网格。一般我们在实现前端界面的时候，经常会在DataGrid上面或者后面增加一些按钮，方便用户添加、删除、编辑等功能

用户每次使用都需要先选择一条或多条数据，然后点击按钮进行相关操作，其实很麻烦。在做项目的过程中，为了用户着想，做了一个右键菜单，用户如果想删除或者编辑某个数据，可以直接右键。

下面的HTML代码

div id=' menu ' class=' easui-menu ' style=' width : 30px；display:无！-放置隐藏菜单div-div id=' BTN _删除'数据-选项='图标cls: '图标-删除' ' onclick='' delete /div！-自己添加具体的菜单事件，基本和工具栏方法一样-div id=' BTN _修改' data-options=' icon cls : ' icon-edit ' ' edit/div/div下面是Javascript代码

//DataGrid右键菜单代码：$ ('# DG ')。Datagrid ({onrowcontextmenu3360函数(e，rowIndex，row data){//右击时触发事件。//三个参数：E包含了很多内容，所以真的不懂，rowindex是点击时当前行的索引，rowdata当前行的数据是e.preventDefault()。//阻止浏览器捕获右键单击事件$(这)。datagrid(' clear selections ')；//取消所有选中的项目$(此)。datagrid ('selectrow '，row index)；//选择行$ ('# menu ')。菜单根据索引(' show '，{//显示右键菜单left: e.pageX，//显示鼠标点击的菜单top : e . pagey })；e . PreventDefault()；//防止浏览器自带的右键菜单弹出} })；以下是实施后的效果：

右键菜单现在简单实现了，以后还会改进。我们做的最终是给用户用的。为了用户，如何在用户意想不到的时候，让用户舒服，帮助用户完成自己想要的工作，是这个软件最大的成功！

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。