Blazor TreeView

• Jul 24, 2024

The DevExpress TreeView component for Blazor (DxTreeView) displays hierarchical data structures within a tree-like UI.

Run Demo Read Tutorial: Explore Features View Example

Features

Bound and Unbound Modes

TreeView supports bound and unbound modes. Use the Data property to bind the component to flat or hierarchical data. In unbound mode, populate the Nodes collection manually.

Load Child Nodes on Demand

Load child nodes on demand to improve TreeView performance for tree structures with a large number of nodes. This mode is available in bound and unbound mode. Set the LoadChildNodesOnDemand property to true to enable this functionality.

Node Selection and Checking UI

TreeView allows users to select a node or use check boxes to select multiple nodes.

• Enable the AllowSelectNodes option to allow users to select a node with a mouse click.
• Use the CheckMode property to enable Multiple or Recursive check mode.

Filter Nodes

The TreeView component includes a built-in node filter UI. Enable the ShowFilterPanel property to activate the search panel. You can use the CustomFilter property to implement custom filter logic.

The FilterString property allows you to specify filter criteria in code.