title: jQgrid's gridComplete event is firing but loadComplete is not firing..... why?
body: <p>In my ASP.NET project I am integrating jQgrid to show data. My Problem is loadComplete event is not firing. My entire jQgrid code is as follows:</p>
  
  <pre><code>function getData(jqGridParams) 
      {
          var sortcookieval = $.cookie("ItemGridSortInfo");
          var sname = "";
          var sorder = "";
          if (sortcookieval != null) 
          {
              var sortInfo = sortInfoFromCookie("ItemGridSortInfo");
              sname = sortInfo.sortname;
              sorder = sortInfo.sortorder;
          }
          else 
          {
              sname = "";
              sorder = "asc";
          }
          var params = new Object();
          params.pageIndex = jqGridParams.page;
          params.pageSize = jqGridParams.rows;
          params.sortIndex = sname; //jqGridParams.sidx;  
          params.sortDirection = sorder;  //jqGridParams.sord;
          params._search = jqGridParams._search;
          if (jqGridParams.filters === undefined)
              params.filters = null;
          else
              params.filters = jqGridParams.filters;
  
          $.ajax({
              url: 'WSAjax.asmx/GetDataForGrid',
              type: "POST",
              contentType: "application/json; charset=utf-8",
              dataType: "json",
              data: JSON.stringify(params),
              success: function (data, textStatus) 
              {
                  if (textStatus == "success") 
                  {
                      var grid = $("#ItemGrid")[0];
                      grid.addJSONData(data.d);
                  }
              },
              error: function (jqXHR, textStatus, errorThrown) 
              {
                  alert(textStatus, errorThrown);
              }
          });
      }
  
      function saveSortInfoToCookie(name, grid)
      {
          var sortInfo = new Object();
          sortInfo.sortname = grid.jqGrid('getGridParam', 'sortname');
          sortInfo.sortorder = grid.jqGrid('getGridParam', 'sortorder');
          //$('#Hidden').val(JSON.stringify(gridInfo));
          //alert($('#Hidden').val());
          $.cookie(name, JSON.stringify(sortInfo), {expires: 5});
      }
  
      function sortInfoFromCookie(name) 
      {
          var c = $.cookie(name);
          if (c === null)
              return;
          return $.parseJSON(c);
      }
  
      $(document).ready(function () {
          var oItemGrid = $("#ItemGrid");
          oItemGrid.jqGrid({
              datatype:
                  function (jqGridParams) {
                      getData(jqGridParams);
                  },
              colNames: ['Type', 'Name', 'Desc'],
              colModel: [
                  { name: 'Type', index: 'Type', width: 40 },
                  { name: 'Name', index: 'Name', width: 40 },
                  { name: 'Desc', index: 'Desc', width: 40, sortable: false}],
              autowidth: true,
              height: 'auto',
              rowNum: 10,
              rowList: [10, 20, 30, 40],
              viewrecords: true,
              gridview: true,
              autoencode: true,
              ignoreCase: true,
              caption: 'Remember Sorting and Filtering Functionality',
              pager: '#IGPager',
              onSortCol: function (colModel, colName, sortOrder) {
                  saveSortInfoToCookie("ItemGridSortInfo", $("#ItemGrid"));
                  var storeval = $.cookie("ItemGridSortInfo");
                  alert("Saving sort info in cookie: " + storeval);
              },
              gridComplete: function () {
                  var prvData = $.cookie("ItemGridSortInfo");
                  alert("Reading saved sort info from cookie : " + prvData);
  
                  var pageno = $.cookie("ItemGridPageInfo");
                  alert("Reading saved page no. from cookie:" + pageno);
              },
              loadComplete: function (data) {
                  if(data != null)
                  {
                      alert("Inside loadComplete..");
                  }
              },
              //loadonce: true
          }).jqGrid('navGrid', '#IGPager', { edit: false, add: false, del: false }, {}, {}, {}, {}, {});
      });
  </code></pre>
  
  <p>and if possible please tell me difference between gridComplete and loadComplete according to my scenario....</p>