VirtualMode when grid is hidden and using rowselect

[mykalParticipant]

My application has a single record view mode and a grid view mode that shows all the records. I’ve recently simplified the structure of the application so that the grid determines the order of the records, rather than the opposite where I would need 2 ajax calls to load the records and to render the grid. This also makes the sorting much easier to handle.

The problem is in the single record view the grid is hidden (display:none on a parent container), it allows the user to advance to the next record by 1. A button triggers selectrow and an on.(rowselect) handles populating the single record view. The row arguments are undefined. I’m pretty sure that because how virtualmode works, the grid is not updating since it cannot be seen.

Another problem, is that when the grid is in view, using the buttons to select the next row too fast will also result in the same problem. I know using the scroll on the virtualmode grid it will at least render a “buffer” area of adjacent rows. But using rowselect only seems to load at most a single adjacent row from the selected row.

Any advice for my use cases?

[HristoParticipant]

Hello mykal,

I tested this example and it seems to work fine:
https://www.jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/virtualscrolling.htm?light
Firstly I select 10th row after that scroll down a bit and the next step is to return back and the row was selected correctly.

Could you clarify it? It will be better if you could provide us with an example that demonstrates your cases.

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[Author]

Posts