62,073
社区成员
发帖
与我相关
我的任务
分享
<table id="dg" class="easyui-datagrid" title="Row Editing in DataGrid" style="width:700px;height:300px;"
data-options="
iconCls:'icon-edit',
toolbar: '#tb',
singleSelect:true,
fitColumns:true,
url:'ConShip.ashx?act=edit',
method: 'get',
onClickRow: onClickRow
"
title="测试 ">
<thead frozen="true">
<tr>
<th data-options="field:'ID',width:50" frozen>ID</th>
</tr>
</thead>
<thead>
<tr>
<th data-options="field:'fBillNo',width:100,editor:'text'">提单号</th>
<th data-options="field:'fCheckCom',width:100,
formatter:function(value,row){
return row.fCheckCom;
},
editor:{
type:'combobox',
options:{
valueField:'fCheckCom',
textField:'fCheckCom',
url:'ConShip.ashx?act=getfCheckCom',
required:true
}
}">结算单位名称</th>
<th data-options="field:'fGetPayDate',width:100,editor:'datebox'">收款日期</th>
</tr>
</thead>
</table>
//保存
var editIndex = undefined;
function endEditing(){
if (editIndex == undefined){return true}
if ($('#dg').datagrid('validateRow', editIndex)){
var ed = $('#dg').datagrid('getEditor', {index:editIndex,field:'fCheckCom'});
var fCheckCom = $(ed.target).combobox('getText');
$('#dg').datagrid('getRows')[editIndex]['fCheckCom'] = fCheckCom;
$('#dg').datagrid('endEdit', editIndex);
editIndex = undefined;
return true;
} else {
return false;
}
}
function onClickRow(index){
if (editIndex != index){
if (endEditing()){
$('#dg').datagrid('selectRow', index)
.datagrid('beginEdit', index);
editIndex = index;
} else {
$('#dg').datagrid('selectRow', editIndex);
}
}
}
//保存
function accept(){
if (endEditing()){
//$('#dg').datagrid('acceptChanges');
if ($('#dg').datagrid('getChanges').length) {
var inserted = $('#dg').datagrid('getChanges', "inserted");
var deleted = $('#dg').datagrid('getChanges', "deleted");
var updated = $('#dg').datagrid('getChanges', "updated");
var effectRow = new Object();
if (inserted.length) {
// alert(inserted.length);
effectRow["inserted"] = JSON.stringify(inserted);
}
if (deleted.length) {
effectRow["deleted"] = JSON.stringify(deleted);
}
if (updated.length) {
effectRow["updated"] = JSON.stringify(updated);
alert(effectRow["updated"]);
}
$.post("ConShip.ashx?act=saveedit", effectRow, function(rsp) {
if(rsp.status){
$.messager.alert("提示", "提交成功!");
$('#dg').datagrid('acceptChanges');
}
}, "JSON").error(function() {
$.messager.alert("提示", "提交错误了!");
});
}
}
}