I have the grid working on a page, including sorting of the columns. I just modified it where I changed one of the column fields to be a link and clicking it executes a javascript function. That function makes a jQuery $.get request, and then sticks the results into a hidden div in the page and that is used to trigger a jQuery dialog. What I found is that after I click a link once, sorting on the grid is not only broken, it seems to freeze the entire page.
I trimmed down my javascript function so all it does is make the $.get call, and the grid works fine. When I add in the second step – modifying the contents of the page by plugging in the return value like so: $(“#myDiv”).html(data) – then the sorting breaks and the page freezes. I managed to catch it in the IE debugger and saw that when the problem happens, the grid is calling the function it used to custom render the column that I turned into a link. The error message it says in the debugger is “Object doesn’t support property or method ‘jqxGrid’. The line of code that is executing looks something like this: var url = $(‘#jqxgrid’).jqxGrid(‘getcellvalue’, row, “Url”); That line of code obviously works fine when the page is loaded and the grid is populated…in fact I’m not sure why it’s being invoked again after the page is modified, because I’m not touching the data used by the grid.
I’m blocked on this right now so, thoughts?
