jqGrid not saving inline row edits

Question

I\'m working with jqGrid 4.3.2 in an ASP.NET MVC 4 website, jQuery 1.7.2. There are several places in the application where jqGrid is used. My general setup right now is t

Answer 1

What you can do is the following:

1. First of all you have to set restoreAfterSelect: false option of inlineNav. I see that the option is not documented, but you can see it in the source code. Without the setting inlineNav uses beforeSelectRow to call restoreRow (see here).
2. Implement saving of the previous editing row inside of onSelectRow (see the code from the answer) or inside of beforeSelectRow. Probably the usage of beforeSelectRow will be even easier because the last editing row, which need be saved, could be only the last selected row which you can get from selrow option because the value is not yet changed inside of beforeSelectRow.

Answer 2

For anyone reading this in 2016, this functionality has now been incorporated into jqGrid. See https://github.com/tonytomov/jqGrid/issues/785. At the time of writing jqGrid 5.1 was out, so I expect this functionality to be available from version 5.2 onwards. Alternatively just obtain the most recent code from GitHub.

To use it simply set the following properties on your jqGrid:

...
restoreAfterSelect: false,
saveAfterSelect: true,
...

There is no longer a need to implement your own solution.