We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

TreeView with a large number of records

Hi,

I want to use TreeView. I have about 2000 records in datasource, but TreeView hangs. Is there a way to do this?


<SfTreeView TValue="mylItem">
    <TreeViewFieldsSettings TValue="myItem" Id="Id" DataSource="@datasource" Text="myText" ParentID="ParentId" HasChildren="HasSubFolders" Expanded="Expanded"></TreeViewFieldsSettings>
</SfTreeView>



1 Reply

SA SureshRajan Alagarsamy Syncfusion Team October 26, 2022 10:51 AM

Hi Sarah,


Greetings from Syncfusion support.


We have validated your reported issue in the TreeView component with 2000 node data values. In our end, we didn’t face any hanging issues, but the rendering of TreeView in the UI takes some time. We would like to mention that by default, TreeView has load on demand (Lazy load), which reduces the bandwidth size when consuming huge amounts of data. It loads first-level nodes initially, and when the parent node is expanded, it loads the child nodes based on the parentID/child member.


By default, loadOnDemand is set to true. When this property is set to false, all the tree nodes are rendered at the beginning itself. To resolve the performance issue on large data sets, we have already planned to provide virtualization support in the TreeView component. This feature will be included in any one of our upcoming releases. Generally, we will plan features based on customer count, feature rank, and wish list plan.


You can track the below link to know the status of this feature.


https://www.syncfusion.com/feedback/14051/virtualization-support-in-treeview-component


For your reference we have attached the sample.


Sample : https://www.syncfusion.com/downloads/support/directtrac/general/ze/TreeViewSample849418283.zip​


Please let us know if you need any further assistance.


Regards,

Suresh Rajan.


Loader.
Live Chat Icon For mobile
Up arrow icon