Skip to main content
BuyLog In
Blazor
Search in…
Docs > Components > Navigation > TreeView
All docs
V25.1
Blazor Components
Prerequisites
Supported Browsers
Get Started
What's New
Upgrade to a New Version
Demos
Examples
Videos
Common Concepts
Components
Grid
AI Chat
Bar Gauge
Charts
Dashboard
Data Editors
Dialogs and Windows
File Management
Filter Builder (CTP)
HTML Editor
Layout
Map
Navigation
Accordion
Context Menu
Menu
Ribbon
TreeView
Toolbar
PDF Viewer
Reports
Pivot Table (CTP)
Pivot Grid
Range Selector
Rich Text Editor
Sankey
Scheduler
Sparkline
TreeList
Utility Controls
Backend Web API Service
Office File API
DevExtreme Components
AI-powered Extensions
Styling and Themes
Security Considerations
Troubleshooting
Blazor & WinForms App UI Framework (Powered by EF Core)
Maintenance Mode
API Reference
Download CHM

DevExpress v25.1 Update — Your Feedback Matters

Our What's New in v25.1 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

Blazor TreeView

  • 2 minutes to read
In This Article
API Reference
Features
Bound and Unbound Modes
Load Child Nodes on Demand
Node Selection and Checking UI

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

Run Demo Read Tutorial: Explore Features View Example

Blazor Navigation Landing TreeView

#API Reference

Refer to the following list for the component API reference: DxTreeView Members.

#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.

#Localization

The TreeView component’s UI elements such as labels, context menus, and error messages are displayed in English. Localization automatically adapts the component to the user’s preferred language.

DevExpress components include predefined satellite resource assemblies for German, Spanish, and Japanese. Use the DevExpress Localization Service to create and download a custom set of satellite assemblies, and modify resources.