Virtual scrolling for RadGrid can be attained by ajaxifying the control via RadAjaxManager or RadAjaxPanel.
Setting the
ClientSettings -> Scrolling-> EnableVirtualScrollPaging property of the grid to
true and dragging the grid scrollbar with the mouse, you can change the grid pages
just like in Microsoft Word�. When scrolling with the virtual scrollbar, RadGrid
executes AJAX requests to change the pages (triggered by the RadAjaxManager or RadAjaxPanel respectively),
i.e. no postbacks are performed. The overall behavior is smooth and with no flicker.
This example also features the
AJAX loading template that
RadAjaxManager/RadAjaxPanel shows during the AJAX request execution. It is an indicator
which enriches the user experience when browsing data in AJAX mode. More about the AJAX
loading template you can find in the
Loading Template example from the
RadAjax section
of the Quick Start Framework.
The second grid in this demo represents how to perform google-style scrolling when dragging the vertical grid scroll.
When the scroll reaches the bottom, an ajax request is triggered to provide extra records in the table. Additional data
will be supplied as long as the rendered rows are less than the entire source records count.
More info about how this grid feature you can find in these documentation topic:
Virtual scrolling/paging