Thank you so much!!

For the record, if anyone else gets stuck and this is Google indexed, here is the final constructor!

$("#navgrid").jqGrid({

url:appendSession("/async/users.lasso?x=1"),

datatype: "json",

hidegrid: false,

colNames:["User ID","First Name","Last Name","Email","Password","Groups","Notes","Admin"],

colModel:[

{name:'id', index:'userid', width:55, editable:false, editoptions:{readonly:true,size:10}, hidden:true},

{name:'firstname', index:'firstname', width:100, editable:true, editoptions:{size:25}, editrules:{required:true}, resizable:true},

{name:'lastname', index:'lastname', width:100, editable:true, editoptions:{size:25}, editrules:{required:true}, resizable:true},

{name:'email', index:'email', width:200, editable:true, editoptions:{size:25}, editrules:{email:true, required:true}, resizable:true},

{name:'password', index:'password', width:100, editable:true, editoptions:{size:25}, editrules:{edithidden:true}, hidden:true, resizable:true },

{name:'groups', index:'groups', width:260, editable:true, edittype:"select", editoptions:{ multiple:true, size:3,

value: $.parseJSON( $.ajax({ url: appendSession('/async/groups.lasso'), type:'post', data: { x:1 }, dataType: 'json', async: false, success: function(data, result) { if (!result) alert('Failure to retrieve the groups.'); } }).responseText)

},

sortable:false, resizable:true},

{name:'notes', index:'notes', width:10, editable:true, edittype:"textarea", editrules:{edithidden:true}, hidden:true, editoptions:{rows:"3",cols:"26"}, sortable:false},

{name:'isadmin', index:'isadmin', width:60, editable:true, edittype:"checkbox", editoptions:{value:"Yes:No"}, align:"center" }

],

rowNum:10,

rowList:[10,20,30],

pager: '#pagernav',

sortname: "userid",

viewrecords: true,

sortorder: "desc",

caption:"Users Management",

editurl:appendSession("/async/users.lasso?x=2"),

height:210

});

$("#navgrid").jqGrid('navGrid','#pagernav',

{}, //options

{height:325,reloadAfterSubmit:false,closeAfterEdit:true,closeOnEscape:true}, // edit options

{height:325,reloadAfterSubmit:false,closeAfterAdd:true,closeOnEscape:true, afterSubmit: function(response,postdata) { return [true,"",response.responseText]; } }, // add options

{reloadAfterSubmit:false,closeOnEscape:true}, // del options

{closeOnEscape:true} // search options

);

Best regards
Oleg

<tr id="[object XMLHttpRequest]" role="row" class="ui-widget-content jqgrow ui-row-ltr ui-state-highlight ui-state-hover" aria-selected="true"><td role="gridcell" aria-describedby="navgrid_id" style="display:none;" title="[object XMLHttpRequest]">[object XMLHttpRequest]</td><td role="gridcell" aria-describedby="navgrid_firstname" style="" title="george">george</td><td role="gridcell" aria-describedby="navgrid_lastname" style="" title="lopez">lopez</td><td role="gridcell" aria-describedby="navgrid_email" style="" title="george@lopez.com">george@lopez.com</td><td role="gridcell" aria-describedby="navgrid_password" style="display:none;" title="fsfsdfs">fsfsdfs</td><td role="gridcell" aria-describedby="navgrid_groups" style="" title="Group 1,Group 2,Group 3,Group 4,Group 5,Group 6,Group 7,Group 8">Group 1,Group 2,Group 3,Group 4,Group 5,Group 6,Group 7,Group 8</td><td role="gridcell" aria-describedby="navgrid_notes" style="display:none;" title="test">test</td><td role="gridcell" aria-describedby="navgrid_isadmin" style="text-align:center;" title="Yes">Yes</td></tr>

Notice what the id is. Did I make a mistake in there? I implented the code as you suggested. I don't see a section on the afterSubmit in detail within the wiki to understand the  return [true,"",responseText]; Below is my constructor with your addition.

$("#navgrid").jqGrid({

url:appendSession("/async/users.lasso?x=1"),

datatype: "json",

hidegrid: false,

colNames:["User ID","First Name","Last Name","Email","Password","Groups","Notes","Admin"],

colModel:[

{name:'id', index:'userid', width:55, editable:false, editoptions:{readonly:true,size:10}, hidden:true},

{name:'firstname', index:'firstname', width:100, editable:true, editoptions:{size:25}, editrules:{required:true}, resizable:true},

{name:'lastname', index:'lastname', width:100, editable:true, editoptions:{size:25}, editrules:{required:true}, resizable:true},

{name:'email', index:'email', width:200, editable:true, editoptions:{size:25}, editrules:{email:true, required:true}, resizable:true},

{name:'password', index:'password', width:100, editable:true, editoptions:{size:25}, editrules:{edithidden:true}, hidden:true, resizable:true },

{name:'groups', index:'groups', width:260, editable:true, edittype:"select", editoptions:{ multiple:true, size:3,

value: $.parseJSON( $.ajax({ url: appendSession('/async/groups.lasso'), type:'post', data: { x:1 }, dataType: 'json', async: false, success: function(data, result) { if (!result) alert('Failure to retrieve the groups.'); } }).responseText)

},

sortable:false, resizable:true},

{name:'notes', index:'notes', width:10, editable:true, edittype:"textarea", editrules:{edithidden:true}, hidden:true, editoptions:{rows:"3",cols:"26"}, sortable:false},

{name:'isadmin', index:'isadmin', width:60, editable:true, edittype:"checkbox", editoptions:{value:"Yes:No"}, align:"center" }

],

rowNum:10,

rowList:[10,20,30],

pager: '#pagernav',

sortname: "userid",

viewrecords: true,

sortorder: "desc",

caption:"Users Management",

editurl:appendSession("/async/users.lasso?x=2"),

height:210

});

$("#navgrid").jqGrid('navGrid','#pagernav',

{}, //options

{height:325,reloadAfterSubmit:false,closeAfterEdit:true,closeOnEscape:true}, // edit options

{height:325,reloadAfterSubmit:false,closeAfterAdd:true,closeOnEscape:true, afterSubmit: function(responseText,postdata) { return [true,"",responseText]; } }, // add options

{reloadAfterSubmit:false,closeOnEscape:true}, // del options

{closeOnEscape:true} // search options

);

The datatype:'json' is not really important for the form editing which you use. Insetad of that the method afterSubmit is what you need to implement because you use reloadAfterSubmit:false option. You server have to return the id of new created row in any form want you will. In the simplest situation the server component, which are accessble under the editurl "/async/users.lasso?x=2″ which you use, can just return the string 1234 without any quotes as the result of "Add" operations. On "Delele" or "Edit" operation it should return empty body (empty string). Then your version of the afterSubmit function can be

In the case you will use the text from the server response as the id of the new row. You can set the afterSubmit for all grids with respect of

Best regards
Oleg 

I've searched the documentation a few times and I'm not seeing any examples of how the data has to be formatted when returning the new ID back to the plugin. Do you have an example? Should it be JSON since I am using datatype: 'json' ? Should it be in the form of {id:1234}?

Thanks,
Steffan

$("#navgrid").jqGrid({

url:appendSession("/async/users.lasso?x=1"),

datatype: "json",

hidegrid: false,

colNames:["User ID","First Name","Last Name","Email","Password","Groups","Notes","Admin"],

colModel:[

{name:'id', index:'userid', width:55, editable:false, editoptions:{readonly:true,size:10}, hidden:true},

{name:'firstname', index:'firstname', width:100, editable:true, editoptions:{size:25}, editrules:{required:true}, resizable:true},

{name:'lastname', index:'lastname', width:100, editable:true, editoptions:{size:25}, editrules:{required:true}, resizable:true},

{name:'email', index:'email', width:200, editable:true, editoptions:{size:25}, editrules:{email:true, required:true}, resizable:true},

{name:'password', index:'password', width:100, editable:true, editoptions:{size:25}, editrules:{edithidden:true}, hidden:true, resizable:true },

{name:'groups', index:'groups', width:260, editable:true, edittype:"select", editoptions:{ multiple:true, size:3,

value: $.parseJSON( $.ajax({ url: appendSession('/async/groups.lasso'), type:'post', data: { x:1 }, dataType: 'json', async: false, success: function(data, result) { if (!result) alert('Failure to retrieve the groups.'); } }).responseText)

},

sortable:false, resizable:true},

{name:'notes', index:'notes', width:10, editable:true, edittype:"textarea", editrules:{edithidden:true}, hidden:true, editoptions:{rows:"3",cols:"26"}, sortable:false},

{name:'isadmin', index:'isadmin', width:60, editable:true, edittype:"checkbox", editoptions:{value:"Yes:No"}, align:"center" }

],

rowNum:10,

rowList:[10,20,30],

pager: '#pagernav',

sortname: "userid",

viewrecords: true,

sortorder: "desc",

caption:"Users Management",

editurl:appendSession("/async/users.lasso?x=2"),

height:210

});

$("#navgrid").jqGrid('navGrid','#pagernav',

{}, //options

{height:325,reloadAfterSubmit:false,closeAfterEdit:true,closeOnEscape:true}, // edit options

{height:325,reloadAfterSubmit:false,closeAfterAdd:true,closeOnEscape:true}, // add options

{reloadAfterSubmit:false,closeOnEscape:true}, // del options

{closeOnEscape:true} // search options

);

 Is there something I need to add into the add options to attach the new ID to the table?

Thanks,
Steffan 

You should verity in IE Developer Tools or in Firebug which ids has <tr> elements and which hes new added row. The correct response from the server on "add" operation should be the id of the new row. Is it so in your grid?

Best regards
Oleg 

add row -> server -> add record -> return new id to browser -> browser updates table with new row ID. 

Suggestions?

Thanks,
Steffan