datagrid表格的右键菜单功能

1、页面添加一个div，设置右键菜单显示列表

<div id="rightclickdiv" class="easyui-menu" style="width: 115px;">
    <div data-options="iconCls:'icon-edit',name:'001'">编辑</div>
    <div data-options="iconCls:'icon-remove',name:'002'">删除</div>
    <div data-options="iconCls:'icon-save',name:'003'">保存此设备</div>
</div>

2、表格有右键单击事件onRowContextMenu（可以参考官网）

在事件下写入方法

onRowContextMenu:function(event, index, data){
        //超出表格范围，不作处理，直接返回
    if (!data){
        return;
    }
    event.preventDefault();
//展示菜单列表
    $('#rightclickdiv').menu('show', {
        left: event.pageX,
        top: event.pageY
    });
//关联列表的点击事件功能（事件必须存在）
    $('#rightclickdiv').menu({
        onClick: function(item) {
            if(item.name == '001') {//編輯
                me.editInfo(data.id);
            } else if(item.name == '002') {//刪除
                me.deleteInfo(data.id);
            } else if(item.name == '003') {//保存此设备
                me.saveInfo(data.id);
            }
        }
    });
},