Do we have any examples for Sorting , Filtering , Grouping concept when scrollable="virtual" property enabled. ?

[Ranjith]

alos when endless scrolling enabled. Do we need to implement from Backend side ? Is there any examples available to check ?

 

Thanks.

[Svet]

Hi Ranjith,

In general the Grid is a representational component that displays the passed data to it. In order to implement data operations together with virtual scrolling and remote data it would be required to handle the (dataStateChange) event of the Grid and send a request with the current Grid state to the server. On the server the data operations should be applied for the current state and the processed data should be returned to the Grid. I have updated the example from the following article:

https://www.telerik.com/kendo-angular-ui/components/grid/scroll-modes/virtual/#toc-virtualization-with-remote-data

to perform sorting and filtering in such way:

https://stackblitz.com/edit/angular-w3jqde?file=app/app.component.ts

If the Grid is supposed to support grouping and virtual scrolling at the same time then the kendoGridGroupBinding directive should be used:

https://www.telerik.com/kendo-angular-ui/components/grid/scroll-modes/virtual/#toc-virtualization-with-grouping

When using endless scrolling a request to get the remote Grid data should be sent on each (scrollBottom) event.

 

Regards,
Svetlin
Progress Telerik