if (row.editing){//当在被编辑的时候
var s = '<a href="#" onclick="saverow('+index+')">保存</a> ';
var c = '<a href="#" onclick="cancelrow('+index+')">取消</a>';
return s+c;
}else{
var e = '<a href="#" onclick="editrow('+index+')">编辑</a> ';
var d = '<a href="#" onclick="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);
}
}
}
这些都是编辑行的操作