Skip to content

Implement the Breadcrumb component based on the selected node of the Tree View.

License

Notifications You must be signed in to change notification settings

DevExpress-Examples/implement-the-Breadcrumb-based-on-treeview-node

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

32 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

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)