Log In
Home
Support
Demos
Documentation
Blogs
Training
Webinars
[Expand]General Information
[Collapse]WinForms Controls
  Prerequisites
 [Expand]What's Installed
 [Expand]Build an Application
 [Collapse]Controls and Libraries
  [Expand]Forms and User Controls
  [Expand]Messages, Notifications and Dialogs
  [Expand]Editors and Simple Controls
  [Expand]Ribbon, Bars and Menu
  [Expand]Application UI Manager
  [Expand]Docking Library
  [Expand]Data Grid
  [Expand]Vertical Grid
  [Expand]Pivot Grid
  [Collapse]Tree List
   [Expand]Product Information
   [Collapse]Feature Center
    [Expand]Data Binding
    [Expand]Nodes
    [Expand]Data Editing
    [Collapse]Data Representation
      Columns
      Fixed Columns
      Preview Sections
      Bands
      TreeView Style
    [Expand]Sorting
    [Expand]Filtering
    [Expand]Summaries
    [Expand]Appearances and Look And Feel
    [Expand]Focus, Selection and Navigation
     Formatting Cell Values
    [Expand]Miscellaneous
   [Expand]Visual Elements
   [Expand]Design-Time Features
   [Expand]Examples
   [Expand]End User Capabilities
   [Expand]Member Tables
  [Expand]Chart Control
  [Expand]Diagrams
  [Expand]Gauges
  [Expand]Map Control
  [Expand]Scheduler
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]Spell Checker
  [Expand]Form Layout Managers
  [Expand]Navigation Controls
  [Expand]Printing-Exporting
  [Expand]PDF Viewer
   Reporting
  [Expand]Snap
  [Expand]TreeMap Control
 [Expand]Common Features
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Controls and MVC Extensions
[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]Reporting
[Expand]Report Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]CodeRush
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

TreeView Style

The TreeList control allows you to choose between the default TreeList and TreeView visual styles. The latter imitates the standard TreeView control's appearance, which is characterized by the following features:

  • No column headers
  • No lines between cells
  • No indicator panel

Unlike the standard TreeView control which can only display single-column data, the TreeList control can display single-column and multi-column data in the TreeView visual style.

TreeView style TreeList style

To learn how to provide data for the TreeList control and organize it into a hierarchy, see Data Binding.

Expanded Activate TreeView Style

The TreeView visual style can be activated using one of the following methods:

  • To display multi-column data in the TreeView style, set the TreeList.ViewStyle property to TreeView. The TreeList control will display all visible columns from the TreeList.VisibleColumns collection.
  • To display single-column data in the TreeView style, leave the TreeList.ViewStyle property set to Default (or set it explicitly to TreeView) and then specify the display column with the TreeList.TreeViewColumn or TreeList.TreeViewFieldName property. The TreeList control will only display a single column specified by the TreeViewColumn/TreeViewFieldName property.

Expanded TreeView Style Specifics

When you activate the TreeView style, certain TreeList properties are modified to imitate this visual style.

Property Description
TreeListOptionsView.ShowColumns is set to false Hides the column headers.
TreeListOptionsView.ShowHorzLines, TreeListOptionsView.ShowVertLines and TreeListOptionsView.ShowFirstLines are set to false Hides the lines between cells.
TreeListOptionsView.ShowIndicator is set to false Hides the indicator panel.

The following features are disabled in the TreeView style:

  • Customization Form
  • Bands
  • When column headers are hidden, an end-user cannot perform data sorting and filtering. However, you can perform these operations in code.

How would you rate this topic?​​​​​​​