datagrid的常规操作，增、编辑、删、保存行

增加按钮：{field:'OPERATION',title:'操 作',width:150,align:'center',formatter:function(value,row,index){
                                  if (row.editing){//当在被编辑的时候
                                        var s = '<a href="#" οnclick="saverow('+index+')">保存</a> ';
                                        var c = '<a href="#" οnclick="cancelrow('+index+')">取消</a>';
                                        return s+c;
                                  }else{
                                        var e = '<a href="#" οnclick="editrow('+index+')">编辑</a> ';
                                        var d = '<a href="#" οnclick="deleterow('+row.roleId+','+index+')">删除</a>';
                                        return e+d;
                                  }

                      }}

onBeforeEdit:function(index,row){//取消前操作
       row.editing = true;
       updateActions();
setSelected(index);//设置当前为选中
   },
   onAfterEdit:function(index,row){//取消后操作
       row.editing = false;
       var name = row.name;
       var id = row.roleId;
       if(id==""){
        if(name==""){
$.messager.alert('警告','不能为空！','warning');
$('#tt').datagrid('reload');
        }else{
        saveAdd(name);
        }
       }else{
        if(name==""){
$.messager.alert('警告','不能为空！','warning');
$('#tt').datagrid('reload');    
        }else{
        updateRole(id,name);
        }
       }
       updateActions();
   },
   onCancelEdit:function(index,row){//取消时操作
     $('#tt').datagrid('selectRow',index);
     if(row.roleId==""){
      $('#tt').datagrid('deleteRow', index);
      $('#tt').datagrid('unselectRow',index);
     }
     row.editing = false;
     updateActions();
     setSelected(index);
   },
   onDblClickRow:function(index,row){
       $('#tt').datagrid('beginEdit', index);
       setSelected(index);
   }

function editrow(index){//编辑按钮
    $('#tt').datagrid('beginEdit', index);
}
function deleterow(roleId,index){//删除行按钮
    $.messager.confirm('Confirm','确定删除?',function(r){
        if (r){
        $.ajax({
        cache: false,
       type: "get",//使用get方法访问后台
       dataType: "json",//返回json格式的数据
       url: "delRole",//要访问的后台地址
       contentType: "application/x-www-form-urlencoded;charset=UTF-8",
       data: "roleId=" + roleId,//要发送的数据
       success: function(msg){//msg为返回的数据，在这里做数据绑定
$.messager.alert('成功',msg,'warning');
$('#tt').datagrid('reload');
}
});
            $('#tt').datagrid('deleteRow', index);
        }
    });
}
function saverow(index){//保存按钮
    $('#tt').datagrid('endEdit', index);
}
function cancelrow(index){//取消按钮
    $('#tt').datagrid('cancelEdit', index);
}
function updateActions(){
    var rowcount = $('#tt').datagrid('getRows').length;
    for(var i=0; i<rowcount; i++){
            $('#tt').datagrid('updateRow',{
                    index:i,
                    row:{OPERATION:''}
            });
    }
}


function append(){//指定添加航的位置和属性
$('#tt').datagrid('insertRow',{
index: 0, //位置
row: {roleId:'',name:''}//属性
}); 
$('#tt').datagrid('selectRow', 0)
.datagrid('beginEdit', 0);
}

//置为选中
function setSelected(index){//参数为索引号
var rows = $("#tt").datagrid("getRows");//得到所有行
    for(var i=0;i<rows.length;i++){
$('#tt').datagrid('selectRow',i);
if(index!=i){
$('#tt').datagrid('unselectRow',i);
}
}
}

这些都是编辑行的操作