Skip to content

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

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 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

About

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

Topics

Resources

License

Stars

Watchers

Forks

Contributors 4

  •  
  •  
  •  
  •