webuiProgrammer2013 on Unable to add row to jqgrid using jsonstring

Fri, 30 Aug 2013 02:45:17 +0300

I have set up a jqgrid which is populated using a jsonstring from my servlet. I am trying to use the jqgrid form editing to add a new row. My grid only contains two columns: product and edit (only product is editable). I want to add rows to the grid without sending the data to my servlet but I am unsure how. So far I have stopped the error "no url set" by using cellsubmit: 'clientArray', cellEdit: true, editurl:${dummyUrl} but nothing is added to the grid.

I have seen a forum post suggesting to use "beforeSubmit : function(postdata, formid)" but I am unsure how to add the postData to the jsonstring in the function.

My code:

jQuery("#productTable").jqGrid({

jsonReader: {

root: "products",

repeatitems: false,

cell: "",

id: "id",

datatype: "jsonstring",

datastr: ${productData},

height: 100,

loadonce: true,

colNames:['Product', 'Edit'],

colModel:

[

{name:'product', index:'product', width:150, editable:true},

{ name:'edit',index:'edit', width: 50, align:'center', sortable: false, search: false,

formatter:function(){

return "<span class='ui-icon ui-icon-pencil'></span>"

}},

caption: "Products",

pager: "#productPager",

pgbuttons: false,

pgtext: null,

viewrecords: true,

editurl: ${dummyUrl},

cellEdit: true,

cellsubmit: 'clientArray',

gridComplete:function(){

jQuery("#productTable").jqGrid('navGrid',"#productPager",{edit:false, add:true, del:false, search:false, refresh:false});

}

});

jQuery Grid Plugin - jqGrid - Topic: Unable to add row to jqgrid using jsonstring

webuiProgrammer2013 on Unable to add row to jqgrid using jsonstring