Skip to content Skip to sidebar Skip to footer

Jqgrid Inline Adding Record Save

I've gone through many of the questions regarding adding records inline in JqGrid but I haven't been able to figure it out. I have inline editing working and adding a record using

Solution 1:

I'm not sure which problem you have exactly. In any way the usage of inlineNav in retro version 4.4.4 is very bad idea, because old version contains many bugs. I suggest you to upgrade to free jqGrid 4.13.1 and use new style of editing options described detailed in the wiki article. By the way position: "afterSelected" is already implemented in free jqGrid

It's important to use inlineNavone and not inside of onSelectRow. Try just to use the option

inlineEditing: { keys:true }

which allows to specify default options of any calls of editRow, direct inside of onSelectRow and indirect, which do inlineNav.

Additionally I'd recommend you to use built-in "savedRow" parameter of jqGrid instead of lastSelectedRow. You can move the part of the code from onSelectRow to beforeSelectRow like described in the answer. It will do correct actions in case of errors in saveRow, for example validation errors.

I think that no additional navButtonAdd will be needed. In any way I'd recommend you to remove<div id="pager"></div> from HTML markup of your page and to use pager: true option instead of pager: '#pager'. By call of navGrid, inlineNav and navButtonAdd you can skip the parameter '#pager'. Free jqGrid detect the type of the parameter and will automatically use the pager of the grid.

I'd recommend you finally to use Font Awesome and optionally Bootstrap instead of jQuery UI CSS. Free jqGrid supports all the features.

Post a Comment for "Jqgrid Inline Adding Record Save"