[Expand]General Information
[Expand]WinForms Controls
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Collapse]ASP.NET Core Bootstrap Controls
  Getting Started
  Grid View
  Charts
 [Collapse]Site Navigation
   Accordion
   Menu
   Tab Control
   Tree View
 [Expand]Site Layout
 [Expand]Data Editors
 [Expand]Redistribution and Deployment
 [Expand]API Reference
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Reporting
[Expand]Report and Dashboard Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]CodeRush
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
This documentation page describes implementations made in our v17.2 release cycle. To learn about functionality shipping with v18.1, navigate to our updated help file experience at docs.devexpress.com. Learn More

Tree View

The Bootstrap Tree View is an easy and useful navigation control that allows you to represent hierarchical structure data as a tree.

With Bootstrap Tree View, 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 Tree View control is highly customizable: you can change the appearance of almost any visual elements. With integrated template technology, you can easily transform nodes into anything you can imagine.

This topic lists the main features of the Tree View control.

Expanded Control Features

  • Tree View can be populated with node information taken from a data source containing hierarchical data, including SiteMapDataSource and XmlDataSource.
  • Tree View can operate in Virtual Mode, which greatly reduces both the server load and start-up time when working with complex or dynamically created hierarchies.
  • Templates can be specified for two element types: node text content and the entire node content. You can apply templates for all identical elements within Tree View (using control level templates) or for a particular element (using node level templates).

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.
  • You can prevent your end-users from expanding/collapsing individual nodes.
  • Tooltips can be assigned to individual nodes.

Expanded See Also

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