TreeView for Blazor - How to implement the Breadcrumb control based on a selected node

February 13, 2026 ยท View on GitHub

The Breadcrumb control indicates the current page's location in a navigational hierarchy:

TreeView as Breadcrumb

In this example, the DxTreeView component uses its SelectionChanged event handler to bind to the Bootstrap Breadcrumb component.

The TreeView's selected node changes when you select a Breadcrumb item:

<a @onclick="@(() => SelectNode(currentNodeInfo.Text))" href="#">
    @currentNodeInfo.Text
</a>

@* ... *@

void SelectNode(string text) {
    TreeView.SelectNode((n) => n.Text == text);
}

Files to Look At

Index.razor

Documentation

TreeView - SelectionChanged

Does This Example Address Your Development Requirements/Objectives?

(you will be redirected to DevExpress.com to submit your response)