我有一个 JQGrid,它具有编辑和保存行数据更改的自定义设置,但我有点困惑。我选择的数据没有出现在我的帖子中,我可以在编辑一行时选择另一行,这会更改当前选定行的值并在编辑过程中引发错误。
$.ajax({
type: 'POST',
url: '/myserver/myservice.asmx/GetMyData',
contentType: 'application/json; charset=utf-8',
dataType: 'json',
data: params
}).success(function(data) {
clearNotSatisifiedConcessionList();
var rowid;
var response = data.d;
if (response.length > 0) {
$('p.infotext').html('<span class="ui-icon ui-icon-info"></span><strong>Information: </strong>Click a row, then click <b><i>Edit</i></b>');
var lastsel2;
var grid = $("#myList").jqGrid({
datatype: "local",
data: response,
height: '100%',
autowidth: true,
hidegrid: false,
ajaxSelectOptions: { type: "POST", contentType: 'application/json; charset=utf-8', dataType: 'json' },
colNames: ['ID', 'Date', 'col1', 'col2', 'col3'],
colModel: [
{ name: 'ID', index: 'ID', width: 20 },
{ name: 'Date', index: 'Date', width: 30, sorttype: 'date', formatter: 'date', formatoptions: { srcformat: 'd/m/Y', newformat: 'd/m/Y' }, datefmt: 'd/m/Y' },
{ name: 'col1', index: 'col1', width: 20 },
{ name: 'col2', index: 'col2', width: 25, sorttype: 'int' },
{ name: 'col3', index: 'col3', width: 35, sorttype: 'int' }
],
pager: '#MyPager',
rowNum: 15,
editurl: '/myserver/myservice.asmx/SaveMyData',
editData : {"SmodifiedByPersonRef":getCurrentUserPersonRef(), "modifiedByPostRef": getCurrentUserPostRef()},
sortname: 'Date',
sortorder: 'desc',
viewrecords: true,
gridview: true,
caption: ''
});
} else {
clearList();
$('p.infotext').html('<span class="ui-icon ui-icon-info"></span><strong>Information: </strong>No data found');
}
}).error(function(jqXHR, textStatus, errorThrown) {
errorHandler(errorThrown, 'List', 'Load List');
});
这是我的编辑选择和取消功能上方的列表
$("#editRow").click(function(event) {
event.preventDefault();
var selectedRow = $('#myList').jqGrid('getGridParam', 'selrow');
if (selectedRow === null) {
alert('No row Selected!');
}else {
$("#myList").jqGrid('editRow', selectedRow);
$(".editButton").hide();
$(".saveButton").show();
$(".cancelButton").show();
}
});
$("#saveRow").click(function(event) {
event.preventDefault();
var selectedRow = $('#myList').jqGrid('getGridParam', 'selrow');
var coincessionId = $("#myList").getCell(selectedRow, "ID");
$("#myList").jqGrid('saveRow', coincessionId);
$(".saveButton").hide();
$(".cancelButton").hide();
$(".editButton").show();
});
$("#cancelEdit").click(function(event) {
event.preventDefault();
var selectedRow = $('#myList').jqGrid('getGridParam', 'selrow');
$("#myList").jqGrid('restoreRow', selectedRow);
$(".saveButton").hide();
$(".cancelButton").hide();
$(".editButton").show();
});
有没有人做过类似的解决方案,因为在互联网上拖网还没有为我提供答案,任何问题或意见请不要犹豫,但请考虑到由于应用程序的性质,此代码有很多编辑此列表将出现在其中。