can virutal scrolling support this?

[zmingshMember]

Currently we notice that in all the demo about virutal scrolling, every time you scroll down a bit, it will trigger to load data. If the data is loaded from remote service, the pending popup will display.

We built a prototype ourselves with virtual scrolling and remote data. We want to have the page to display 50 rows, but actually 200 rows is loaded behind. So that you can continue scroll down for 3 pages, only the scrolling beyonds or close 200 rows. Another data request will be triggered. we tried to return more data from rendergridrows. But it didn’t work.

Looks like ExtJs supports this functionality.
http://docs.sencha.com/extjs/4.2.0/extjs-build/examples/grid/infinite-scroll.html

[Peter StoevKeymaster]

Hi zmingsh,

The “rendergridrows” callback requires you to pass an Array of Rows to be displayed in the Visible View and the Grid will make requests for new data on each scroll when new data is required to be displayed. In case you wish to override the built-in data requests, you may use the jqxDataAdapter’s loadServerData callback. For more information see: jquery-data-adapter.htm.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

[aoverton07Participant]

Has there been any progress with this endeavor? I also lose filtering/sorting/searching features when in virtual mode.

I have figured out how to display 50 rows but return 200, but I haven’t figured out how to stop the “LOADING” popup from showing on every scroll?

How can you make it so it only loads new data when it sees an empty row?

[Peter StoevKeymaster]

Hi,

In Virtual Mode, the Sorting and Filtering should be implemented outside the Grid because the Grid knows only about the data displayed in the Grid so it can’t sort/filter unknown data. You may take a look at this sample which implements server(virtual mode) paging, server filtering and server sorting: http://www.jqwidgets.com/jquery-widgets-demo/demos/php/serverfiltering_paging_and_sorting.htm?web. The Loading message is displayed each time a new array of records have to be displayed i.e if there is a row which is not loaded in the Grid, the Grid will make Ajax call to your server requesting records from A to B. When the server returns the records, the Grid will display them. If you do not like the “Loading” message, you can turn it off by setting “showdefaultloadelement” during the initialization.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

[Author]

Posts