easyui的menu学习

目的:

  • 在某个元素上面点击右键,弹出菜单进行操作。

对table的行添加右击效果,效果图:

easyui的menu学习_第1张图片
效果图

代码:/EasyUiLearn/WebContent/menu/index.jsp

<%@ page language="java" contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"%>
<%String path = request.getContextPath();%>
<%String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%>



    
    
    menu
    
    
    
    
    



    
1.table右键出现菜单。
2.点击菜单操作对table进行行操作。
注意:因为本例datagrid数据格式有问题,所以rightSel = $('#table1').datagrid('getSelected');获取不到值。
标题
1111111
2222222
3333333
4444444
删除
Open
Word
Excel
PowerPoint
Save
Exit

要点:

  1. table绑定右击事件:
$("#table1").datagrid({
    onRowContextMenu:function(e,index,row){
}
  1. 获取右击行内容:
rightSel = $('#table1').datagrid('getSelected');

源码下载

你可能感兴趣的:(easyui的menu学习)