EasyUI table增加编辑列

第一种：

<table id="datagrid" class="easyui-datagrid" toolbar="#toolbar" data-options="url:'{:url('User/getlist')}', pageSize:20, pagination:true, fit:true,singleSelect:true">
            <thead>
            <tr>
                <th data-options="field:'id', width:100">编号</th>
                <th data-options="field:'realname', width:100">姓名</th>
                <th data-options="field:'area', width:200">区域</th>
                <th data-options="field:'mobile', width:200" >手机号</th>
                <th data-options="field:'add_time', width:300">注册时间</th>
                <th data-options="field:'_operate',width:80,align:'center',formatter:formatOper">操作</th>
            </tr>
            </thead>
        </table>

function formatOper(val,row,index){
        return '<a href="#" onclick="editUser('+index+')">修改</a>';
    }

 

第二种：

<table id="datagrid">
            
        </table>

$('#datagrid').datagrid({
    url:'/index/Worker/getlist.html',
    columns:[[
        {field:'id',title:'编号',width:50,align:'center'},
        {field:'realname',title:'人员姓名',width:100,align:'center'},
        {field:'price',title:'是否在岗',width:100,align:'center'},
        {field:'phone',title:'联系电话',width:100,align:'center'},
        {field:'add_time',title:'登记时间',width:200,align:'center'},
        {field:'price',title:'抢修队伍',width:100,align:'center'},
        {field:'price',title:'正在处理任务数',width:300,align:'center'},
        {field:'handle',title:'操作',width:100,align:'center',
                formatter: function(value,row,index){
                    return '<a href="javascript:void(0)" onclick="updateFun('+index+')" > 修改</a>&nbsp;&nbsp;<a href="javascript:void(0)" onclick="deleteFun('+index+')">删除</a>';
               }
            }   
    ]]
});
/*点击修改*/
function updateFun(index){
    $("#datagrid").datagrid("selectRow",index);      //根据行索引选中它
    var obj=$("#datagrid").datagrid("getSelected");     //获取选中行，返回一个对象
    alert(obj.id);                                   //弹出行上id
}