Question

We have an issue when no values are returned from Jqgrid. In this case next button of pager (jqGrid) is enabled. We have to disable it when grid is empty. Please help me in finding a solution.

Answer 1

To set the next button as disabled you can do the following:

$('#next_' + yourgridid + '_pager').addClass('ui-state-disabled');

To re-enable the button do:

$('#next_' + yourgridid + '_pager').removeClass('ui-state-disabled');

I suggest doing this in the loadComplete(data) event.

$("#yourgridid").jqGrid({
...
   loadComplete: function(data){ 
       var records = $('#yourgridid').jqGrid('getGridParam', 'reccount');
       //note: you can also get record count via data.records or data.rows.length in this function
       if (records > 0) {
            $('#next_' + yourgridid + '_pager').removeClass('ui-state-disabled');
       } else {
            $('#next_' + yourgridid + '_pager').addClass('ui-state-disabled');
       }
   },
...
});