Load Data on Demand

 
Name Type Date Modified Size
BarGauge
Folder 5/23/2024  
Charts
Folder 5/23/2024  
CodeSnippets
Folder 5/23/2024  
DataGrid
Folder 1/18/2024  
DialogsAndWindows
Folder 5/23/2024  
Editors
Folder 5/23/2024  
FileManagement
Folder 5/23/2024  
Grid
Folder 5/23/2024  
HtmlEditor
Folder 5/23/2024  
Layout
Folder 5/23/2024  
Map
Folder 5/23/2024  
Navigation
Folder 1/18/2024  
PdfViewer
Folder 5/23/2024  
PivotGrid
Folder 1/18/2024  
Reports
Folder 1/18/2024  
RichEdit
Folder 5/23/2024  
Scheduler
Folder 1/18/2024  
TreeList
Folder 5/23/2024  
Utility
Folder 5/23/2024  
 
_Imports.razor
File 1/18/2024 76 Bytes
Data grid with 22 rows and 4 columns

The DevExpress Blazor TreeList can load child nodes when a user expands a parent node for the first time. This capability improves performance and reduces overall memory consumption when the control is bound to a large dataset. Follow the steps below to enable on-demand loading mode in the DevExpress Blazor TreeList component:

  1. Assign a collection of root data items to the Data property.
  2. Specify the HasChildrenFieldName property. The component uses this property to determine which nodes require expand buttons.
  3. Handle the ChildrenLoadingOnDemand event. In the event handler, use the Parent argument to determine the processed node and assign the node's children to the Children event argument.

In the demo, the TreeList component uses this data binding method to display the file/folder structure of this web site.