jQuery jqGrid Show message when an edit row is complete

Solution 1:

First of all the option closeAfterEdit:true follows to closing of the edit form after the successful server response. You should change the setting to the default value closeAfterEdit:false to be able to show anything.

Next I would recommend you to use navigator toolbar instead of creating a button after outside of the grid. In the case you can use

var grid = jQuery("#tabImprese");
grid.jqGrid('navGrid','#pager', {add:false,del:false,search:false}, prmEdit);

One more good option is to use ondblClickRow event handler

ondblClickRow: function(rowid) {
    $(this).jqGrid('editGridRow',rowid,prmEdit);
}

(see here) or both ways at the same time.

In any way you have to define the options of editGridRow method (the prmEdit). It's important to know that afterSubmit will be called only if the server response not contains error HTTP status code. So you should use errorTextFormat to decode the error server response. The afterSubmit event handler you can use to display status message.

In the demo I used only errorTextFormat to demonstrate both displaying of the status and error message:

enter image description here

The status message goes away in 3 seconds:

enter image description here

The corresponding demo you will find here.

In real example you will of cause place the code writing status message inside of afterSubmit event handler and the code which returns the error message inside of errorTextFormat.