This is a migrated thread and some comments may be shown as answers.

Slow Treeview with large datasets.

3 Answers 499 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Peter
Top achievements
Rank 1
Peter asked on 14 Mar 2018, 04:17 PM

TL;DR: Any plans for virtualisation support on Treeview?

I've attached an example project.

The data is a set of companies. Each company has 5 offices. Each office has a collection of Drivers and a collection of Vehicles. There are 1000 Drivers and 1000 Vehicles in each.

1: Run the app
2: Expand a company
3: Expand an office
4: Expand one of the child nodes (Drivers or Vehicles)

On my computer, this takes about 7 seconds to open. I think it is a combination of adding so many DOM elements and also using an ng-template inside the tree.

This might improve in Angular6, but it seems that creating all of those DOM elements is a waste of resources anyway. Do you have any plans for supporting virtualisation in your Treeview component?

 

Seshu
Top achievements
Rank 1
commented on 03 Jul 2023, 11:26 AM

Facing the slowness issue with 3000 records
Martin
Telerik team
commented on 05 Jul 2023, 08:59 AM

Hi Seshu,

When dealing with thousands of records, we recommend using the Load more feature of the TreeView:

https://www.telerik.com/kendo-angular-ui/components/treeview/load-more-button/

The feature renders just a portion of data which improves the performance when the component is bound to big collections.

I hope this helps

Regards,

Martin,

Progress Telerik

3 Answers, 1 is accepted

Sort by
0
Georgi Krustev
Telerik team
answered on 15 Mar 2018, 08:23 AM
Hello Peter,

The TreeView virtualization is under consideration, but there are no concrete plans for now. We will update our roadmap once such functionality is scheduled for development.

I would suggest post your feature request in our UserVoice portal. Thus more people could cast their vote for it and help increasing its priority. Its popularity will directly affect our planning in short-term.

http://kendoui-feedback.telerik.com/forums/555517-kendo-ui-for-angular-feedback

For the time being, the best option that I can think of is to reduce the number of the rendered nodes using a filter predicate of some sort. Basically, the user will need to apply some kind of min length filter in order to see the nodes. The limitation is that it could see only a part of the nodes, but on the positive site it will be much discoverable. I am afraid that there is no other feasible solution that I can suggest.

Let me know if I can be of a further assistance.

Regards,
Georgi Krustev
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Peter
Top achievements
Rank 1
answered on 15 Mar 2018, 09:12 AM
Done, although there is no category for TreeView so I added it to Grid.
0
Georgi Krustev
Telerik team
answered on 16 Mar 2018, 06:59 AM
Hi Peter,

Thanks for the opened UserVoice discussion. I will just post the link to the thread for better visibility.

http://kendoui-feedback.telerik.com/forums/555517-kendo-ui-for-angular-feedback/suggestions/33641806-add-data-virtualisation-for-kendotreeview

Regards,
Georgi Krustev
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
General Discussions
Asked by
Peter
Top achievements
Rank 1
Answers by
Georgi Krustev
Telerik team
Peter
Top achievements
Rank 1
Share this question
or