Stu on Manually managing virtual paging

Mon, 22 Aug 2011 22:04:11 +0300

I have a large amount of data (~1000 rows) that I need to display in a jqGrid. Most of the data I have upfront so I create the grid and the data through the 'data' parameter. However, a couple of the columns require a query to a remote server that needs to be handled separately. It is complicated and slow, so I want to write the code to update this column only for the rows that are displayed.

I can set the column values using setCell(), but I need some sort of notification when new rows are displayed. Is there a way to handle this to update the row values as needed?

My initial grid is as follows:

jQuery(#table).jqGrid({{

autowidth: true,

data: data,

datatype: local

height: 400,

colNames: ['Date', 'report', 'attachment'],

colModel: [

{name: 'studyDate', index: "studyDate" },

{name: report, index: "report" },

//the attachment value should be paged in as necessary as it requires an async call

{name: 'attachment', index: "attachment" },

rowNum: 25,

scroll: 1

});

If I do need to update a row, I can just do the following (after querying for the value):

jQuery(#table).jqGrid('setCell', rowId, 'attachment', value);

Any suggestions? This is a real killer for me right now.

Stu

stu_bennett1@hotmail.com

jQuery Grid Plugin - jqGrid - Topic: Manually managing virtual paging

Stu on Manually managing virtual paging