jQuery Grid Plugin - jqGrid

UPDATE:

It looks like none of the events and properties get run, for example closeAfterAdd, afterSubmit do not get fired.

BUG:

In some cases (which can be reproduced), the onclickSubmit event doesn't get called when you submit the add new record form.

Steps to take:

1. load the page to view the table.

2. click edit button without selecting any rows. you will get the 'please select row' warning. Dismiss that dialog box.

3. select a row and click edit. The edit dialog box is displayed. Click the 'Cancel' button to close the box.

4. Now, click add button to add a new record. fill in details and click submit.

Result

The dialog box doesn't close, even though the closeAfterEdit parameter is set to true

The onclickSubmit event is not fired and hence additional postData is not submitted.

Below is the code

p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica} p.p2 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica; min-height: 14.0px}

/** Setting Jqgrid defaults**/

jQuery.extend(jQuery.jgrid.defaults, {

    altRows:false,

    mtype:'POST',

    datatype:'json',

    height:150,

    sortorder: "asc",

    viewrecords: true,

    gridview:true,

    scroll:true,

    rowNum:20,

    autowidth:true,

    recordtext:"Total number of rows: {2}"

});

 

jQuery.extend(jQuery.jgrid.nav, {

    refreshtitle:"Refresh"

});

 

/*departments table*/

 

$(document).ready(function(){

 

  jQuery("table#departments").jqGrid({

    url:SiteURL+"/mysite/adminSiteDepartments",

    colNames:['ID','Department Name'],

    colModel :[

      {name:'__sqlDepartmentID', index:'__sqlDepartmentID', width:40,hidden:true},

      {name:'name', index:'departmentName', width:200,editable:true,editrules:{required:true},formoptions:{label:"Department Name (*)"}}

    ],

    pager: jQuery('#departments_pager'),

    rowNum:10,

    autowidth:false,

    width:350,

    height:70,

    sortname: '__sqlDepartmentID',

    recordtext:"Total number of departments: {2}",

    recordpos:"center",

    postData:{siteid:function(){

           var $siteid = $('input[name="siteid"]:hidden').val();

           if($siteid != ''){

               return $siteid;

           }else{

               return -1;

           }

        }

    },

    editurl:SiteURL+"/mysite/adminEditSiteDepartment"

  });

  jQuery("#departments").jqGrid('navGrid','#departments_pager',{add:true,edit:true,search:false,del:false,addtitle:"Add new department"},

      {closeAfterEdit:true

    },

 

      {closeAfterAdd:true,

          onclickSubmit : function(eparams,postData) {

              console.log('to submit');

                            var retarr = {};

 

                            var siteID = $("#departments").jqGrid('getGridParam','postData')['siteid'];

                            console.log(siteID);

                            retarr = {siteid:siteID};

 

                           return retarr;

                       }

          afterSubmit:function(response,postData){

              console.log(postData);

          }

      }

  );

});