How do I save data into local database on jqgrid with add navigator button after inline editing

See more:

C#

Javascript

jQuery

i mention the save button in grid and use javascript to save data in local database


searchActionOptions: new JqGridNavigatorSearchActionOptions()
{
AdvancedSearching = true,
CloseAfterSearch = true,
Width = 600,
Top = 300,
Left = 320,
DataHeight = 150,
CloseOnEscape = true
}).AddNavigatorButton(new JqGridNavigatorButtonOptions()
{
Caption = "Save",
// Id="btnSave",
Icon = "ui-icon-disk",
ToolTip = "Save",
OnClick = "Savedata"

});

}

What I have tried:

@section scripts
{
@*<script>
jQuery("#TodayHomeWorkGrid").saveRow(rowid, successfunc, url, extraparam, aftersavefunc, errorfunc, afterrestorefunc);
</script>*@
@*<script>
var grid = $("#TodayHomeWorkGrid");
grid.jqGrid({
url: 'GetTodayHomeWork',
datatype: "json",
mtype: 'POST',
scroll: 1,
multiselect: true,
multiboxonly: true,
scrollingRows : true,
autoencode: true,
prmNames: {id:"_rowid", oper: "_oper" },

gridview: true,
toppager: true,
viewrecords: true,
editurl: 'AddOrEditTodayHomeWork',
rownumbers: true,
ondblClickRow: function(StaffId) { beginEdit(StaffId) },
});


function SaveDocument() {
// Returns false if order detail adding should be cancelled
var res;
$.ajax({ type: "POST",

url: 'AddOrder',
data : $("#TodayHomeWork").serializeArray(),
error: function (jqXHR, textStatus, errorThrown) {
alert('Order save is cancelled, correct and try again'); res=false;
}


});
return res;
}
</script>*@
<script>
$("#TodayHomeWork").jqGrid('Savedata', '#pager2', {
caption: "Save", buttonicon: "ui-icon-disk",
onClickButton: function () {
var ids = $('#TodayHomeWork').jqGrid('getDataIDs');
for (var i = 0; i < ids.length + 1; i++) {
$('#TodayHomeWork').jqGrid('saveRow', ids[i], false, '/TodayHomeWork/Index');
}
}
});</script>

<script>
jQuery("#TodayHomeWorkGrid").jqGrid('saveRow', rowid, saveparameters);
debugger;
saveparameters = {
"successfunc": true,
"url": "AddOrEditTodayHomeWork",
"extraparam": {},
"aftersavefunc": true,
"errorfunc": null,
"afterrestorefunc": null,
"restoreAfterError": true,
"mtype": "POST"
}

function Savedata()
{
alert("You have clicked a custom button.");

}
</script>