jQuery Grid Plugin - jqGrid - Topic: beforeSubmit not firing

Felipe @ kWhOURs on beforeSubmit not firing

Thu, 26 Jul 2012 01:10:24 +0300

One more thing for anyone using this for the first time if you are interested in adding postdata to edit you can also do this by doing something like this

var gr = jQuery("#typeMetadataGrid").jqGrid('getGridParam','selrow');

if( gr != null ){

jQuery("#typeMetadataGrid").jqGrid('editGridRow',gr,{width:350, reloadAfterSubmit:true, closeAfterEdit:true,

onclickSubmit:function(params, postData){

postData.typeMetadataGroupId = typeMetadataGroupId;

return postData;

}});

}

Felipe @ kWhOURs on beforeSubmit not firing

Thu, 26 Jul 2012 01:08:50 +0300

Not very impressed with this community. This was pretty simple to solve and no one made anything close to a suggestion.

function addRow(){

$("#typeMetadataGrid").jqGrid('editGridRow',"new",{width:350, reloadAfterSubmit:true, closeAfterAdd: false,

onclickSubmit:function(params, postData){

postData.typeMetadataGroupId = typeMetadataGroupId;

return postData;

}});

}

So the answer is that you need to be adding these events to editGridRow not directly onto the grid. Really obvious if you know the apis. I can see how the documentation states this but it is somewhat unclear. It feels like the community could help build examples there to be useful.

Felipe @ kWhOURs on beforeSubmit not firing

Tue, 24 Jul 2012 19:15:07 +0300

I have spent a while tryign to figure out why it is that the beforeSubmit event is not firing whenever I submit a new element or an update to my server. I get the request with all of the information from the form but beforeSubmit does not get called before hitting the server (I can tell because postdata is not modified and because I hvae a linebreak when it reaches that line of execution).

Below is the code for this grid:

jQuery("#typeMetadataGrid").jqGrid({

datatype: "json",

colNames:['Id','Label','Order'],

colModel:[

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

{name:'label',index:'label', width:200,editable:true,editoptions:{size:64}},

{name:'displayOrder',index:'displayOrder', width:55,editable:true,editoptions:{size:5}}

onSortCol : function(index, iCol,sortorder) {

jQuery("#typeMetadataGrid").jqGrid('setGridParam', {loadonce:true, sortable: true });

return "";

jsonReader : {

root:"typeMetadatas",

page: "currentPage",

total: "totalPages",

records: "totalRecords",

repeatitems: false,

id: "id" },

closeAfterEdit:true,

closeAfterAdd:true,

reloadAfterSubmit:true,

rowNum:20,

mtype:'POST',

rowList:[10,15,20,25,30,35,40],

pager: '#navGridMetadata',

sortname: 'displayOrder',

sortorder: "desc",

loadonce:true,

sortable: true,

height: 310,

viewrecords: true,

caption:"Example",

editurl:'${metadataChanged}',

beforeSubmit: function(postdata, formid){

postdata.typeMetadataGroupId = typeMetadataGroupId;

return [true,""];

}

});

Anyone have any ideas why my beforeSubmit function is not getting called?