easyui中在datagrid中右键出现菜单

来源:互联网 发布:java数组按大小排序 编辑:程序博客网 时间:2024/06/08 03:03
  • onRowContextMenu,easyui提供了这个方法,来实现右键出现菜单。其中给了三个参数:e,index,row.
  • 大多数人会出现这样的问题,你发现,当你右键的时候,总是浏览器的菜单出现
    onRowContextMenu :  function(e,rowIndex,rowData){        e.preventDefault();//阻止向上冒泡        $('#menu').menu('show',{            left : 200,            top : 100        });    }
  • 当我们加了这句话的时候就会发现没有浏览器中的菜单出现了:
e.preventDefault();//阻止向上冒泡
  • 但是一般我们在哪里点,菜单就会出现在哪里,所以我们做如下的修改:
    onRowContextMenu :  function(e,rowIndex,rowData){        e.preventDefault();//阻止向上冒泡        $('#menu').menu('show',{            left : e.pageX,            top : e.pageY        });    }
  • 右键的时候会显示是对谁进行编辑,所以我们还要添加选中的代码:
onRowContextMenu :  function(e,rowIndex,rowData){        e.preventDefault();//阻止向上冒泡        $(this).datagrid('unselectAll');        $(this).datagrid('selectRow',rowIndex);        $('#menu').menu('show',{            left : e.pageX,            top : e.pageY        });    }
原创粉丝点击