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

1 Answer 21 Views
Grid ScrollView Sortable
Ranjith
Top achievements
Rank 1
Iron
Ranjith asked on 07 May 2021, 08:30 AM

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

 

Thanks.

1 Answer, 1 is accepted

Sort by
0
Svet
Telerik team
answered on 12 May 2021, 06:03 AM

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

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Tags
Grid ScrollView Sortable
Asked by
Ranjith
Top achievements
Rank 1
Iron
Answers by
Svet
Telerik team
Share this question
or