TreeView Node Selection

This sample demonstrates node selection with the SelectedNodeChanged event and SelectedNodeStyle.

Click a Node to Select It

Collapse CompanyCompany
Selected node:None — click a node above
Selection count: 0

Code Example

<TreeView SelectedNodeChanged="HandleNodeSelected">
    <SelectedNodeStyleContent>
        <TreeViewSelectedNodeStyle CssClass="selected-node" />
    </SelectedNodeStyleContent>
    <Nodes>
        <TreeNode Text="Company" Value="company" Expanded="true">
            <TreeNode Text="Engineering" Value="engineering" />
            <TreeNode Text="Marketing" Value="marketing" />
        </TreeNode>
    </Nodes>
</TreeView>

@code {
    void HandleNodeSelected(TreeNodeEventArgs e)
    {
        var node = e.Node;
        // node.Text, node.Value
    }
}