jQuery jqGrid Show message when an edit row is complete
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:
The status message goes away in 3 seconds:
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.
michele
Updated on June 06, 2022Comments
-
michele almost 2 years
I am following this tutorial here http://www.trirand.com/blog/jqgrid/jqgrid.html in LiveDataManipulation->EditRow
My grid receive data from script
a.php
. After the user can modify this data by the jqGrid. jqGrid after the modification data will send data to scriptB.php
that update my database and return a message of response like "all goes well".
I want that this response is alerted or showed to user somewhere on the page.
Reading the tutorial and here http://www.trirand.com/jqgridwiki/doku.php?id=wiki:form_editing I think that I've to useafterSubmit
option, but I haven't understood how print on the edit panel the result.I have written:
$("#editImpresa").click(function(){ var gr = jQuery("#tabImprese").jqGrid('getGridParam','selrow'); if( gr != null ) jQuery("#tabImprese").jqGrid('editGridRow',gr,{ height:690, width:500, closeAfterEdit : true, reloadAfterSubmit:false, afterSubmit: function(response,postdata){ if(response.responseText=="ok") success=true; else success = false; return [success,response.responseText] } });
How can I do it? Thanks.
-
Andrus over 12 yearsThis solution does not show message if top of edit form is not visible. To reproduce in demo, resize edit window height to small, scrol down and press submit. Messages do not appear: they are rendered in top of edit form which is not visible. How to show messages always ?