jQuery EasyUI的DataGrid 数据行上右键菜单，并Check行

<script type="text/javascript">

$(function(){

    $('#dg').datagrid({

        title:'DataGrid',

        iconCls:'icon-grid',

        fit:true,

        collapsible:true,

        closable:true,

        nowrap: false,

        animate:true,

        url: '',

        idField:'id',

        pagination: true,

        pageSize:20,

        pageList: [20,30,50],

        onRowContextMenu: onRowContextMenu, //右键

        rownumbers: true,

        singleSelect: true,

        columns:[[

           

        ]],

        onLoadSuccess: function() {

            delete $(this).datagrid('options').queryParams['id'];

        }

         

    });

});

//添加右击菜单内容

function onRowContextMenu(e, rowIndex, rowData){

   e.preventDefault();

   var selected=$("#dg").datagrid('getRows'); //获取所有行集合对象

    selected[rowIndex].id; //index为当前右键行的索引，指向当前行对象

    $('#rightMenu').menu('show', {

        left:e.pageX,

        top:e.pageY

    });

  $('#dg').datagrid('unselectAll');
  $('#dg').datagrid('uncheckAll');
  $('#dg').datagrid('checkRow', rowIndex);//该操作为选中当前行的CheckBox

}

</script>




<div id="rightMenu" class="easyui-menu" style="width:120px;">

    <div onClick="view()" data-options="iconCls:'icon-search'">查看</div>

    <div onClick="add()" data-options="iconCls:'icon-add'">新增</div>

    <div onClick="edit()" data-options="iconCls:'icon-edit'">编辑</div>

    <div onClick="del()" data-options="iconCls:'icon-remove'">删除</div>

    <div class="menu-sep"></div>

    <div onClick="print()" data-options="iconCls:'icon-print'">打印</div>

    <div onClick="reload()" data-options="iconCls:'icon-reload'">刷新</div>

</div>