EasyUI行编辑

JSON字符串与对象之间的转换

对象的集合=JSON.parseArray(JSON字符串, 对象);

EasyUI行编辑

{field:"edit",title:"操作", width:50, align:'center',
formatter:function(value,rec,index){
if (rec.editing){
var s = '<a href="javascript:saverow('+index+')" >保存</a>';
var c = '<a href="javascript:cancelrow('+index+')" >取消</a>';
return s+"  "+c;
} else {
var e = '<a href="javascript:editrow('+index+')" ><img src=\"images/sysimgs/tabicon_edit.gif\" /></a> ';
var d = '<a href="javascript:deleterow('+"'"+ rec.id +"','" + index + "'"+ ');"><img src=\"images/sysimgs/tabicon_del.gif\" /></a>';
return e+"   "+d;
}
}
}

onBeforeEdit:function(index,row){
row.editing = true;
updateActions();
},
onAfterEdit:function(index,row,changes){
$.each(changes,function(i,n){
if(i=="Price"){
price = n;
}
});

row.editing = false;
updateActions();
},
onCancelEdit:function(index,row){
row.editing = false;
updateActions();
}

/**
* 修改数据方法
*/
function updateActions(){
var rowcount = $('#quotation').datagrid('getRows').length;
for(var i=0; i<rowcount; i++){
$('#quotation').datagrid('updateRow',{
index:i,
row:{action:''}
});
}
}

/**
* 编辑方法
* @param index
*/
function editrow(index){
var rowcount = $('#quotation').datagrid('getRows').length;
for(var i=0; i<rowcount; i++){
$('#quotation').datagrid('cancelEdit', i);
}
$('#quotation').datagrid('beginEdit', index);
}

/**
* 保存数据方法
* @param index
*/
function saverow(indexrow){
$('#quotation').datagrid('endEdit', indexrow);

var arr = new Array();
arr = price.split("-");
var minPrice = arr[0].substring(1);
var maxPrice = arr[1];

var effectRow = new Object();
var updated = $('#quotation').datagrid('getChanges', "updated");
if (updated.length) {
effectRow["updated"] = JSON.stringify(updated);
}
$.ajax({
url: 'quotation_updateQuotation.action?quotation.minPrice='+minPrice+""ation.maxPrice="+maxPrice,
type: 'POST',
data:effectRow,
dataType: 'JSON',
success: function(result){
if(result.IsSuccess){
$.messager.alert('提示', result.Message, 'info');
$('#quotation').datagrid('reload');
}
}
});
}
/**
* 取消方法
* @param index
*/
function cancelrow(index){
$('#quotation').datagrid('reload');
$('#quotation').datagrid('cancelEdit', index);
}