easyui、表格中添加操作一列，将操作下设置为修改，点击修改弹出该行对象的编号。

页面中的代码(自己引入easy插件)：

<body>

   <div id="table"></div>
</body>
<script type="text/javascript">
$(function(){
   $('#table').datagrid({
        url:'tt.json',                //显示的数据
        striped:true,           //设置斑马纹效果
        fitColumns:true,       //适应父容器
        pagination:true,       //设置显示分页
        rownumbers:true,       //显示行号
        pageSize:5,               //页面大小
        pageList:[5,10,20],       //页面大小集合
        columns:[[
            {field:'id',title:'学生ID',width:100,align:'center'},
            {field:'name',title:'学生姓名',width:100,align:'center'},
            {field:'age',title:'学生年龄',width:100,align:'center'},
            {field:'sex',title:'学生性别',width:100,align:'center'},
            {field:'handle',title:'操作',width:100,align:'center',
               formatter: function(value,row,index){
                   return '<a href="javascript:void(0)" οnclick="updateFun('+index+')" > 修改 </a>';
               }
            }
        ]],
   });

});

重点：

formatter: function(value,row,index){}详解请自行查找easyui官方文档。

return '<a href="javascript:void(0)" οnclick="updateFun('+index+')" > 修改 </a>';将操作这一列都设置为‘修改’，并取消a链接效果，以及添加一个事件，将当前行号传入。

tt.json：表格中显示的数据

{
   "rows":
   [
       {"id":"u001","name":"Tom1","age":"18","sex":"男"},
       {"id":"u002","name":"Tom1","age":"18","sex":"男"},
       {"id":"u003","name":"Tom1","age":"18","sex":"男"},
       {"id":"u004","name":"Tom1","age":"18","sex":"男"},
       {"id":"u005","name":"Tom1","age":"18","sex":"男"}
   ]

}

显示效果

上面修改给了一个单击事件，并传了行索引。

编写单击事件函数：

function updateFun(index){
   $("#table").datagrid("selectRow",index);                    //根据行索引选中它
   var obj=$("#table").datagrid("getSelected");            //获取选中行，返回一个对象
   alert(obj.id);                                                                //弹出行上id

}

整体效果展示：