Treeview Load on Demand
This article explains how to load nodes on demand the TreeView for Blazor.
Before continuing, make sure you are familiar with the TreeView data binding basics.
You don't have to provide all the data the treeview will render at once - the root nodes are sufficient for an initial display. You can then use the OnExpand event of the treeview to provide flat or hierarchical data to the node that was just expanded. Loading nodes on demand can improve the performance of your application by requesting less data at any given time.
In this article:
Hierarchical Data Load on Demand - One Model
The example below shows how you can handle hierarchical data load on demand in detail. It uses the same model for the two different levels of data bindings it showcases.
One Model Hierarchical Data Load on Demand in a TreeView with sample handling of the various cases. Review the code comments for details.
Flat Data Load on Demand
The example below shows how you can handle flat data load on demand in detail.
Flat Data Load on Demand in a TreeView. Review the code comments for details.
Hierarchical Data Load on Demand - Different Models
The example below shows how you can handle hierarchical data load on demand in detail. It uses two different models for the two different levels of data bindings it showcases. You do not have to use different models and/or different bindings ( see Hierarchical Data Load on Demand - One Model ).
Different Models Hierarchical Data Load on Demand in a TreeView with sample handling of the various cases. Review the code comments for details.