[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
 [Collapse]Site Navigation
   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]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

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?​​​​​​​