[Expand]General Information
[Expand]WinForms Controls
[Collapse]ASP.NET Controls and MVC Extensions
 [Expand]What's Installed
 [Expand]Common Concepts
 [Collapse]ASP.NET WebForms Controls
   Getting Started
  [Expand]Grid View
  [Expand]Tree List
  [Expand]Card View
  [Expand]Chart Control
  [Expand]Pivot Grid
  [Expand]Rich Text Editor
  [Collapse]Site Navigation and Layout
   [Expand]Product Information
   [Expand]Floating Action Button
   [Expand]Form Layout
   [Expand]Navigation Bar
   [Expand]Page Control and Tab Control
    Site Map Control
   [Expand]Tag Cloud Control
   [Expand]Title Index
   [Collapse]Tree View
    [Expand]Visual Elements
    [Expand]Member Tables
    [Expand]Animated Images
  [Expand]HTML Editor
  [Expand]Vertical Grid
  [Expand]Data Editors
  [Expand]Docking and Popups
  [Expand]File Management
  [Expand]Data and Image Navigation
  [Expand]Multi-Use Site Controls
  [Expand]Spell Checker
  [Expand]Query Builder
 [Expand]ASP.NET MVC 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]Office File API
[Expand]Report and Dashboard Server
[Expand]eXpressApp Framework
[Expand]eXpress Persistent Objects
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
View this topic on docs.devexpress.com (Learn more)

Tree View

ASPxTreeView is an easy and useful navigation control that allows you to represent hierarchical structure data as a tree.

With ASPxTreeView, you can manually create a tree or easily populate it with data by binding to hierarchical data sources, including XmlDataSource and SiteMapDataSource. You can also operate in Virtual Mode to efficiently use your server resources when working with complex or dynamically created hierarchies.

The ASPxTreeView control is highly customizable: you can change the appearance of almost any visual element in ASPxTreeView. With integrated template technology you can easily transform nodes into anything you can imagine.

This topic lists the main features of the ASPxTreeView control.

Expanded Control Features

  • ASPxTreeView can be populated with node information taken from a data source containing hierarchical data, including SiteMapDataSource and XmlDataSource.
  • ASPxTreeView can operate in Virtual Mode, which greatly reduces both the server load and start-up time when working with complex or dynamically created hierarchies.
  • You can specify where end-users can click to use node functionality. The available selections are node text, both image and text or the complete node area.
  • Nodes can be checked using check boxes. You can manage the visibility of all check boxes or hide particular check boxes.
  • Templates can be specified for two element types: node text content and entire node content. You can apply templates for all identical elements within ASPxTreeView (using control level templates) or for a particular element (using node level templates).
  • Custom images can be used as expand buttons.
  • Control's elements can be aligned from right to left to support locales using right-to-left languages.
  • Several themes are available, so you can apply an attractive design to your ASPxTreeView with just a couple of mouse clicks.
  • ASPxTreeView's appearance can be customized using CSS classes. This approach is the best choice if you need centralized control over the appearance of several controls or the entire site.

Expanded AJAX Support

You can enable AJAX support by setting the EnableCallbacks property to true. In this case, ASPxTreeView initially loads only the content of expanded nodes onto the client. When end-users expand nodes, their content is loaded via callbacks. Once a node's content has been loaded, end-users can switch to this node on the client-side without callbacks or postbacks.

Expanded Client-Side Features

  • Client-side events allow you to respond to node clicks, the changing nodes checked state, and perform custom actions before and after nodes are expanded and collapsed.
  • You can use our client-side API to expand and collapse nodes, find nodes, obtain and change node state information, and also get and change the selected node.

Expanded Node Features

  • An easy-to-use design-time nodes editor is available.
  • Images can be displayed together with text.
  • You can specify where node images should be displayed relative to node text for all nodes. Images can be located to the right or left of texts.
  • You can prevent your end-users from expanding/collapsing individual nodes.
  • Tooltips can be assigned to individual nodes.
  • You can change the appearance of all nodes within ASPxTreeView or customize each node in each state either directly via properties or by assigning a CSS class.

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