Load Data on Demand

 
NameTypeDate ModifiedSize
BarGauge
Folder5/23/2024 
Charts
Folder5/23/2024 
CodeSnippets
Folder5/23/2024 
DataGrid
Folder1/18/2024 
DialogsAndWindows
Folder5/23/2024 
Editors
Folder5/23/2024 
FileManagement
Folder5/23/2024 
Grid
Folder5/23/2024 
HtmlEditor
Folder5/23/2024 
Layout
Folder5/23/2024 
Map
Folder5/23/2024 
Navigation
Folder1/18/2024 
PdfViewer
Folder5/23/2024 
PivotGrid
Folder1/18/2024 
Reports
Folder1/18/2024 
RichEdit
Folder5/23/2024 
Scheduler
Folder1/18/2024 
TreeList
Folder5/23/2024 
Utility
Folder5/23/2024 
 
_Imports.razor
File1/18/202476 Bytes
Data grid with 22 rows and 4 columns
0 rows are selected

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.