Question

53

jqGrid reloadGrid and refresh new colModel and colNames

rated 0 times [ 54] [ 1] / answers: 1 / hits: 16252 / 11 Years ago, fri, april 5, 2013, 12:00:00

I'm trying to reload a jqGrid with new rows, colNames and colModel. The row data seems to load fine but the columns don't seem to be refreshed. I've tried using GridUnload and GridDestroy but I end up losing the jQuery DOM instance entirely and no longer loads any data as well.

var grid = $('#my-grid');



if(grid[0].grid == undefined) {

    grid.jqGrid(options);

} else {

    grid.setGridParam(options);

    grid.trigger('reloadGrid');

}

The grid instance is important because it will be passed to other objects as a param. These objects may attach listeners or trigger events.

I'm using version 4.4.2

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

yulisa

Add To Favorites

Follow

Total Points: 436

Total Questions: 102

Total Answers: 123

Location: Palau

Member since Tue, May 30, 2023

1 Year ago

answered 11 Years ago mahogany · Accepted Answer

It seems that jqGrid removes the initial <table></table> from the DOM and replaces it or forgets the reference (I haven't looked that hard into it).

So you have to reselect the new table everytime you want to create a new grid ie. $('table#my-grid'). This makes it tricky if you want to pass a reference of the grid's table about to other parts of your app as a parameter.

My work around involves deleting the grid reference and replacing the grid's wrapped div with the original table. then creating a jqGrid in the normal way with the new colModel and colNames.

grid.empty();

delete grid[0].grid;

$('#gbox_my-grid').replaceWith(grid);

grid.jqGrid(options);

It isn't the tidiest of solutions but it does allow me to keep a permanent reference to the original <table>. I'm uncertain how other jqGrid plugins will be affect by this though.

Edit

it turns out jQuery DataTables is better suited for customisation and we have adopted this instead of using jqGrid.