easyui中在datagrid中右键出现菜单

• 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
        });
    }