Проблема освежает сетку jQuery после обновления ⇐ Jquery

[Anonymous]

У меня проблемы с приложением PHP, которое я унаследовал от нового клиента. На странице счета -фактуры есть сетка jQuery, которая управляет деталями счета -фактуры (количество, цена, описание, общая стоимость и т. Д.), И все работает нормально, если вы не вносите никаких изменений в строку сетки. Если вы что -то измените в строке сетки, изменения вносятся в базу данных, но сетка не освежает обновленные данные, если вы не освежаете всю страницу. К сожалению, мои навыки JavaScript и JQuery довольно просты, поэтому я не могу заставить его работать. Я включаю код для сетки, а также код для страницы обработки, которая обновляет базу данных. Любая помощь будет очень оценена. Спасибо. < /P>
//JQgrid code//

function autocomplete_element(value, options) {
var $ac = $('');
$ac.val(value);
$ac.autocomplete({source: "autocompleteopr.php"});
return $ac;
}
function autocomplete_value(elem, op, value) {
if (op == "set") {
$(elem).val(value);
}
return $(elem).val();
}
$(document).ready(function() {
var mkinline
$grid = $("#list"),
numberTemplate = {
formatter: 'number', align: 'right', sorttype: 'number',
editrules: {number: true, required: true}
};
var selectedRow = 0;
$grid.jqGrid({
datatype: 'json',
url:'orderdetails_json.php',
colNames: ['ProductID', 'Qty.', 'Product', 'Count', 'Unit', 'Unit Price', 'Total Price'],
colModel: [
{name:'ProductID', index:'ProductID', align:'right', hidden:true, editable:true, key:true},
{name:'Quantity', index:'Quantity', editable:true, width:50, align:'right', edittype:'text', editoptions: editOptions},
{name:'Description', index:'Description', editable:true, width:450, align:'left', edittype: 'custom', editoptions: {'custom_element' : autocomplete_element, 'custom_value' : autocomplete_value}},
{name:'Count', index:'Count', editable:true, width:100, align:'left', edittype: 'text', required:false},
{name:'Unit', index:'Unit', editable:true, width:100, align:'left', edittype: 'text', required:false},
{name:'UnitPrice', index:'UnitPrice', editable:true, required:false, width: 80, template: numberTemplate},
{name:'ExtendedPrice', index:'ExtendedPrice', editable:true, required:false, width: 80, template: numberTemplate},
],
onSelectRow: function(id){
if(id && id!==mkinline){
jQuery('#list').saveRow(mkinline);
jQuery('#list').editRow(id,true);
mkinline=id;
}
},
reloadAfterSubmit: true,
afterSubmit: function () {
$('#list').jqGrid("setGridParam", {datatype: 'json'});
return [true];
},

cmTemplate: {editable: true},
loadonce:false,
rowNum: 100,
rowList: [],
pgbuttons: false,
pgtext: null,
pager: '#pager',
rownumbers: false,
sortname: '',
viewrecords: false,
sortorder: '',
height: '100%',
width:850,
editurl: 'addeditdeldetails.php',
caption: 'Order Details',
jsonReader: {repeatitems: false, id: "ProductID"},
});
var editOptions = {
keys: true,
mtype: "POST",
successfunc: function () {
var $self = $(list);
setTimeout(function () {
window.location.reload(false);
}, 50);
}
};
jQuery("#list").jqGrid("navGrid","#pager",{celledit:true,edit:false,add:false,del:true,save:false,search:false,refresh:false}, {}, {}, {closeAfterDelete:true,caption:"Delete",msg:"Delete selected",width:"400"});
jQuery("#list").jqGrid("inlineNav", "#pager",{celledit:true,edit:true,add:true,del:false,search:false,save:false,refresh:false,addParams:{position:"last", addRowParams: editOptions}, editParams: editOptions});
});
function resetForm() {
window.location.reload(false);
}


//processing page code (the "add" and "del" functions are working correctly but the "edit" function isn't//


Подробнее здесь: https://stackoverflow.com/questions/794 ... pon-update