Completed
Last Updated: 25 Feb 2020 11:44 by ADMIN
Justin
Created on: 16 Jan 2019 15:04
Category: KendoReact
Type: Feature Request
7
TreeList component with virtual scrolling

It would be great to have a TreeList component similar in appearance and behavior to the jQuery TreeList (https://demos.telerik.com/kendo-ui/treelist/index), but with the kind of support for virtual scrolling built into the native KendoReact Grid component.

A React wrapper exists for the jQuery TreeList, but it still doesn't play nicely with React, and in any case only supports paging for displaying large data sets, which is inherently not intuitive for displaying tree structures where parent / child hierarchies might span multiple pages.

My sense is this native component would basically be the Grid, but with support for hierarchical data, including drag-and-drop re-ordering of parent / child relationships.

Thanks for considering this feature.

5 comments
ADMIN
Stefan
Posted on: 25 Feb 2020 11:44

Hello, Itiel,

I made the same changes, but the horizontal scrolling worked as expected on my end. Is it possible to share a video showcasing the issue, so we can observe for specific detail?

As for the expanding, this is expected in the example as all sub-items are the same and the expand logic treats them as the same item. In a real application, where the sub-items are actually different this will not occur.

Regards,
Stefan
Progress Telerik

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Itiel
Posted on: 20 Feb 2020 19:08

"In terms of virtualization we have added column virtualization, which certainly helps out with large data sets. We have a few folks that have put the component in some high-stress scenarios and have reported back great results in terms of performance, so the component is in a good spot from this perspective!"

 

So I opened the first example at column virtualization in stackblitz.

I changed numberOfColumns from 100 to 25, that's enough for us by now.
I also changed 
numberOfRows from 7 to 1000.

Vertical scroll worked great! even when I increased number of rows to 2000, 4000, and so on.

But horizontal scroll got stuck all the time.

I also noticed one more issue: I have added more than one sub-level to each of those 1000 rows, and expanding started acting strange: after expanding the 1st item all the way down, one click at the 2nd item expanded it all the way down too.

ADMIN
Carl
Posted on: 16 Jan 2020 16:48

Another update here!

With the latest release (3.10.0) the KendoReact TreeList component is in a great spot and includes a large set of the features already found in the KendoReact Grid.

In terms of virtualization we have added column virtualization, which certainly helps out with large data sets. We have a few folks that have put the component in some high-stress scenarios and have reported back great results in terms of performance, so the component is in a good spot from this perspective! We do not have row virtualization at this point, as this is a pretty tricky thing to do with hierarchical data and will probably require a server-side implementation to assist. We are actively investigating what can be done here, but I would recommend a specific feedback item for row virtualization if this is needed, just to ensure that everyone can easily keep track.

I'll go ahead and mark this particular item as complete since a) the TreeList has been released b) it has caught up with a lot of features to the Grid and c) we have added in virtualization where currently possible. If there are other features or performance-related items that folks find missing after working with this latest version I would definitely encourage opening up a new feedback portal item for the specific items!

Regards,
Carl
Progress Telerik

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
ADMIN
Carl
Posted on: 23 Sep 2019 09:03

Hey folks!

I'm excited to update this thread to include a link to the brand new KendoReact TreeList component! While we do not have virtual scrolling at the time of this post, you do have the ability to load node levels as they are expanded (on demand) and we do have quite a lot of features added already. We will continue to evolve this component over the next couple of months and I'll mark this item as "in development" until we can fulfill the entire initial request.

In the meantime, feel free to provide feedback on the current implementation!

Regards,
Carl
Progress Telerik

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
ADMIN
Stefan
Posted on: 17 Jan 2019 11:18
Hello, Justin,

Thank you for the request.

We will keep you and everyone interested updated once we make a decision on when to start the component.

Regards,
Stefan
Progress Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items