Tree List Jquery Remove Binding for large datasets is too slow

0 Answers 41 Views
TreeList
Fraser
Top achievements
Rank 1
Fraser asked on 19 Oct 2023, 12:40 PM

I am json_encoding a php array for javascript variable that is used for the local binding to the kendo tree list. There can be 50000+ records for the kendo tree list and loading time of the page is around 15-20 seconds. The higher the amount do records the higher the loading times.  

The kendo tree list was previously remote binding, but found the performance of the tree list was poor when expanding parenet nodes. Therefore, resorted to local binding. Perfromance once loaded is good, but now number of records inserted are increasing.

How long should the kedno tree list take to load when locally binding 50,000+ records?

 

Thanks,

Fraser

Nikolay
Telerik team
commented on 24 Oct 2023, 08:27 AM

Hi Fraser,

This behavior is expected as you are loading an enormous dataset at once which is quite an intensive task. Also, many factors such as browser and local machine can influence the time needed to load the data.

I can suggest implementing lazy loading by binding the Kendo UI TreeList to remote data. Please refer to the TreeList / Binding to remote data demo. Such an approach should improve the overall performance since the entire data is not loaded at once in the DataSource and DOM elements are created only for the displayed nodes. As soon as a node is expanded the data for the child nodes is loaded and DOM elements are generated and added to the document. 

Jope this helps.

Regards,

Nikolay

 

No answers yet. Maybe you can help?

Tags
TreeList
Asked by
Fraser
Top achievements
Rank 1
Share this question
or