gamodg on JQGrid True scrolling empty rows

Wed, 20 Jun 2012 07:00:23 +0300

I have a jqgrid with ttrue scroll enabled


$('#grid').jqGrid({
url: '',
scroll: 1,
postData: {
    ...
},
datatype: "json",
mtype: 'POST',
colNames: [....],
colModel: [{
    name: 'source',
    index: 'source',
    width: '100',
    align: 'center',
    stype: 'select',
    searchoptions: {
        dataUrl: 'getSource'
        }
}, { ...
}],
rowNum: 200,
height: '450px',
autowidth: false,
shrinkToFit: true,
rownumbers: true,
pager: '#table-page',
sortname: '...',
viewrecords: true,
sortorder: 'asc',
caption: "Records",
emptyrecords: "Empty records",
loadonce: false,
loadComplete: function() {
   ....
},
jsonReader: {
   ....
}

});



When the grid loads it calls the server for records but the server returns empty records since it is reloaded based on the value selected in a combobox.
I get empty collection error from dimensions.js On further drill down I found that in updatepager function in jquery.jqGrid.min.js we have 


var rh = rows.outerHeight() || ts.grid.prevRowHeight;
and if rows is an empty array rows.outerHeight() throws exception.

I have applied the following fix and it works



var rh;
if(rows.length > 1){
rh = rows.outerHeight() || ts.grid.prevRowHeight;
}else{
rh = ts.grid.prevRowHeight;
}

This is present in all versions that support true scrolling.

jQuery Grid Plugin - jqGrid - Topic: JQGrid True scrolling empty rows

gamodg on JQGrid True scrolling empty rows