Log In
[Expand]Welcome to DevExpress .NET Documentation
[Expand]WinForms Controls
[Collapse]ASP.NET Controls and MVC Extensions
 [Expand]What's Installed
 [Expand]Common Concepts
 [Expand]ASP.NET WebForms Controls
 [Collapse]ASP.NET MVC Extensions
  [Expand]Product Information
  [Expand]Getting Started
  [Expand]Common Concepts
  [Expand]Grid View
  [Expand]Card View
  [Expand]Vertical Grid
  [Expand]Rich Text Editor
  [Expand]HTML Editor
  [Expand]Image and Data Browsing
  [Expand]Docking and Popups
  [Collapse]Navigation and Layout Extensions
     Overview - TreeView
     [Expand]Binding to Data
      Expanding and Collapsing Nodes
      Animation Effect
      Node Link Mode
      Check Box Support
    [Expand]Visual Elements
  [Expand]File Management
  [Expand]Multi-Use Site Extensions
  [Expand]Pivot Grid
  [Expand]Tree List
  [Expand]Data Editor Extensions
  [Expand]Report Extensions
 [Expand]Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Document Server
[Expand]Report Server
[Expand]eXpressApp Framework
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

Expanding and Collapsing Nodes

TreeView allows end-users to hide/show a node children. End-users can expand or collapse nodes by double-clicking them. It is also possible to expand/collapse nodes by clicking expand buttons. The visibility of these buttons can be controlled by using the TreeViewSettings.ShowExpandButtons property.

TreeView provides the server and client API, which expand and collapse nodes in code. You can perform the following actions with a node.

To impact a particular node: Client Members Server Members
To expand/collapse a particular node ASPxClientTreeViewNode.SetExpanded TreeViewNode.Expanded (via MVCxTreeViewNode.Expanded)
To determine the node's expansion state ASPxClientTreeViewNode.GetExpanded TreeViewNode.Expanded (via MVCxTreeViewNode.Expanded)
To expand TreeView down to the specified node ASPxTreeView.ExpandToNode (via MVCxTreeView.ExpandToNode)

To impact all nodes: Client Members Server Members
To expand all nodes ASPxClientTreeView.ExpandAll (via MVCxClientTreeView.ExpandAll) ASPxTreeView.ExpandAll (via MVCxTreeView.ExpandAll)
To collapse all nodes ASPxClientTreeView.CollapseAll (via MVCxClientTreeView.CollapseAll) ASPxTreeView.CollapseAll (via MVCxTreeView.CollapseAll)
To expand all nodes to the defined depth ASPxTreeView.ExpandToDepth (via MVCxTreeView.ExpandToDepth)

To respond to expanding/collapsing nodes: Client Events Server Events
Before action ASPxClientTreeView.ExpandedChanging (via MVCxClientTreeView.ExpandedChanging) ASPxTreeView.ExpandedChanging (via MVCxTreeView.ExpandedChanging)
After action ASPxClientTreeView.ExpandedChanged (via MVCxClientTreeView.ExpandedChanged) ASPxTreeView.ExpandedChanged (via MVCxTreeView.ExpandedChanged)

Is this topic helpful?​​​​​​​