Web Themes

In addition to over 20 built-in Themes, you can use style properties and CSS for appearance customization. Templates are also available for fine-grain control over UI elements and control layout.

Demo

Data Binding Options

Populate the TreeList by binding it to any standard data source or to any object that represents a tree structure. Use virtual mode to significantly improve performance when displaying large tree hierarchies.

Demo

WYSIWYG Data Export

The DevExpress ASP.NET TreeList allows you to export data via its built-in TreeList Exporter component. Data can be exported to a file or stream in the following formats. PDF, XLS, XLSX and RTF.

Demo

Learn More about Our ASP.NET TreeList

Learn More

Data Shaping & Presentation
When bound to data, the DevExpress ASP.NET TreeList can present any self-referenced data structure. In Unbound mode, it allows you to manually create and populate the tree as business needs dictate.
Tree Nodes
Use it as a drop-in replacement for the standard treeview.
Tree Nodes
Our ASP.NET TreeList is a drop-in replacement for the standard Microsoft ASP.NET TreeView. Nodes within the ASP.NET TreeList represent hierarchical data structures. Unlike a treeview, however, the TreeList can also display columns for each Node.
Columns
Use it as a hybrid UI element - a tree and listview in one.
Columns
Data columns represent individual data source fields. They include a clickable Column Header and associated Data Cell. An optional Command columns allows end-users to activate data edit mode, update data, add and delete nodes, etc.
Sorting
Sort against an unlimited number of TreeList columns.
Sorting
You can sort data against an unlimited number of columns. When necessary, you can disable runtime sort options and handle all sort operations in code. Sort order is automatically indicated within the appropriate column using a glyph.
Summaries & Aggregates
Compute summaries with 5 pre-defined aggregate functions.
Summaries & Aggregates
The DevExpress ASP.NET TreeList allows you to compute Summaries for all cell values within a column or across a group of tree nodes. These Summaries (you can compute summaries for any number of columns) can be displayed within the TreeList's Footer or Group Footer cells. Five predefined aggregate functions (COUNT, MAX, MIN, SUM and AVERAGE) are available.
Conditional Formatting
Apply custom styles to differentiate key data points.
Conditional Formatting
Conditional Formatting
Our Tree List control provides custom style settings so you can paint individual data cells or entire nodes. In this animation, the TreeList's HtmlRowPrepared event is used to color rows green (if Location = Monterey) and the HtmlDataCellPrepared event handler is used to color Budget cells yellow (color brightness is based on a cell's value and those over one million use a bold font effect).
Alternating Node Style
Use alternating row styles to improve readability.
Alternating Node Style
Alternating Node Style
To improve readability, you can apply a Style against alternating (even) nodes within the ASP.NET TreeList. In this animation, we've set the Styles.AlternatingNode.Enabled property to true. To override the default style and provide your own Style settings, use the Styles.AlternatingNode property.
"The DevExpress ASP.NET Suite is the perfect set of controls to help DataClara create the professional, high perfomance, and flexible solutions that our clients need."Eric McGrail
Data Editing
The TreeList control includes multiple data editing options - be it inline within the control or via customizable popups.
Inline Cell Editing
Edit data directly within TreeList cells.
Inline Cell Editing
Use our Inline Cell Editing mode to modify cell values directly within TreeList's cells.
Inline Edit Forms
Use a custom inline edit form to modify node/column values.
Inline Edit Forms
If you do not want to enable data editing within TreeList cells, you can activate the control's Inline Edit form instead. By using Templates, you can create a customized layout for the Inline Edit Form as needs dictate. In this animation, we've used our ASP.NET Page Control to help reduce space occupied by the Edit Form.
Popup Edit Forms
Use a custom popup edit form to modify node/column values.
Popup Edit Forms
Cell values can be edited within the Popup Edit Form. By default, the Popup Edit Form is displayed near the edited tree node. The Popup Edit Form can be dragged and its default position can be customized via the SettingsPopupEditForm property.
Data Editors
Edit TreeList values with one of over a dozen data editors.
Data Editors
Data editors that ship inside our ASP.NET Data Editors Library are fully supported. Features include advanced masked input, display value formatting, a built-in data validation engine and rich client-side functionality.
Templates
Customize the appearance and behavior of the TreeList.
Templates
Templates
Built-in templates allow you to create custom layouts for column headers, data and footer cells, etc.
Data Validation & Error Indication
Reduce data entry errors and visually inform users of invalid input.
Data Validation & Error Indication
You can manually Validate edited nodes and display errors for invalid field values. In this animation, Validation is implemented within the NodeValidating event handler. Invalid values are indicated via error icons. Hovering the mouse over an icon displays a hint along with an error description.
"Working with devexpress for more than 3 years now, and still I discover new excellent possibilities on a daily basis! Way to go guys, your developer suite rocks!"Andy Luyten
UI Customization & TreeList Behaviors
A variety of customizable UI elements and behaviors give you meticulous control over the TreeList's runtime capabilities.
Column Customization
Put control over column display in the hand of your end-users.
Column Customization
Much like Microsoft Outlook's Column Chooser, the TreeList's Customization Window displays all hidden column headers (those that you specify at design time or those an end-user has selected to remove from a webpage). Use it to hide columns or to make columns visible at runtime via intuitive drag & drop operations. The TreeList's SettingsCustomizationWindow property allows you to specify the Customization Window's availability, caption, position, etc.
Node Preview
Use memo fields to display extended tree node information.
Node Preview
Node Preview
Node Preview allows each tree node to display a preview pane. Preview panes are fantastic ways to display large memo fields or custom data across all TreeList columns. To enable the Preview, simply set the Settings.ShowPreview property to true.
Column Resizing & Tree Lines
Improve readability and resize column width on the fly.
Column Resizing & Tree Lines
End-users can resize TreeList column width by dragging the appropriate column header border.  Options include the ability to change the width of the control when header width is modified or to reduce the width of the column immediately to the right. The TreeList also provides multiple options to control the visibility of its tree and grid lines as well as the control's border.
Data Paging
Navigate tree nodes with an intuitive data pager.
Data Paging
As you might expect, TreeList content can be split across multiple pages whenever the control's built-in Data Pager is enabled. You can control the position of the pager, along with the visibility of the page size combobox and associated navigation buttons.
Scrolling
Allow users to scroll both vertically and horizontally.
Scrolling
For utmost UI flexibility and when you do not want to use a pager to navigate the contents of the TreeList, you can enable both a vertical and horizontal scrollbar.
Node Selection
Enable multiple node selection via checkboxes.
Node Selection
Use the TreeList's Focused Node feature to highlight records within the control. Enable node selection by using check boxes and optionally enable recursive selection to allow end-users to modify the selected state of child nodes using a single click on a parent node.
Themes
Control the appearance of the TreeList via built-in app themes.
Themes
In addition to a number of built-in themes, you can use style properties and CSS for appearance customization. Templates that are available for most control elements enable you to easily adjust and enhance a control layout.
Drag & Drop
Enable intuitive drag & drop operations within and outside the TreeList.
Drag & Drop
You can allow end-users to move tree nodes via drag and drop either within the TreeList itself or between the TreeList and external controls.

Buy this product as part of the following subscription packages.

We are so confident in our products and services that we back them with a 60 day no questions asked money back guarantee. If within the first 60 days of ownership you are not satisfied with the capabilities of our tools, you can request a full refund of the amount you paid to DevExpress by writing to clientservices@devexpress.com or by calling +1 (818) 844-3383.

Best Value
WinForms Controls
WPF Controls
ASP.NET WebForms Controls
Printing & Exporting
ASP.NET MVC Extensions
Printing & Exporting
ASP.NET Bootstrap Controls
Themes and Skinning
ASP.NET Core Bootstrap Controls
Themes and Skinning
JavaScript - jQuery, Angular, React
JavaScript - ASP.NET MVC & Core
UWP Controls
Reporting
WinForms Report Viewer
WinForms End-User Report Designer
HTML5 Report Viewer
ASP.NET Report Viewer
ASP.NET End-User Report Designer
MVC Report Viewer
MVC End-User Report Designer
WPF Report Viewer
WPF End-User Report Designer
Office File API (Basic)
Excel Export Library
Word Processing Document API (DOC, RTF)
Office File API (Complete)
Spreadsheet Document API (XLSX, XLS)
Excel Export Library
Word Processing Document API (DOC, RTF)
PDF Document API
DevExpress Snap Report API
Barcode Generation API
Zip Compression and Archive API
Unit Conversion API
Native Mobile UI Controls
Charting Library
iOS Controls
Android Controls
Xamarin Wrappers
CodeRush
VS 2017 Support
VS 2015 Support
Roslyn-Powered Superior Performance
C#, VB.NET, XAML
CodeRush Classic
VS 2015 Support
VS 2012, 2013 Support
C#, VB.NET, XAML
HTML, ASP.NET, CSS, Razor, JavaScript
Coded UI Support for WinForms Controls
Source Code *
WinForms Controls
ASP.NET Controls
WPF Controls
UWP Controls
JavaScript - jQuery, Angular, React
XPO - ORM Library
Office File API
Data Visualization Dashboard
eXpressApp Framework
Technical Support
Priority Support

* DevExpress does not include/ship source code for certain products, including CodeRush, TestCafe, and Report Server.

Additional Info

Customizable ASP.NET Themes

The DevExpress ASP.NET Subscription ships with 20+ highly polished themes for your next web application. You can use each of these themes easily, without modification or manipulate them using our free ASP.NET Theme Builder application. See Demo

Sec 508 and Accessibility

The DevExpress ASP.NET Subscription makes it easy to create web applications that meet government regulations regarding web accessibility. Sec 508 and Web Content Accessibility Guidelines 1.0 support is available across our entire DevExpress ASP.NET Product Line. Read more

Touch and Mobile Device Enabled

Deliver elegant, touch-enabled ASP.NET and MVC web applications using the platform you know and love. The ASP.NET Subscription helps you leverage your current investments and address customer needs via a comprehensive range of WebForms Controls and MVC Extensions that support touch on iOS Safari, Android and Internet Explorer 10.

AJAX Enabled with Rich Client-Side API

Each and every control provides an ability to update the control using callbacks, eliminating the need to re-load the entire page. This callback functionality allows you to optimize how data is transferred to the client. We also offer you a comprehensive client-side API, along with the ability to handle events on the client side. With our ASP.NET components, you have full control over the control's behavior via client functions.

Fast and Lightweight with XHTML Compliance

DevExpress controls are optimized for exceptional performance and efficient memory use without the loss of functionality or features. DevExpress ASP.NET controls also support optimizations like HTML compression, callbacks, image sprites, resource caching and sharing. Key ASP.NET controls in this subscription use semantic HTML to keep output clean and minimal. The semantic HTML markup means that web pages are lighter and faster, more search engine friendly and provide improved accessibility for screen readers.

Straightforward Localization

All DevExpress ASP.NET AJAX Controls can be easily localized using satellite resource assemblies. DevExpress delivers satellite assemblies for a large variety of languages and cultures. To make it easy to get started, resource files for four cultures are included to our installation: German, Japanese, Russian, and Spanish. If you need to modify our shipping resources or create satellite assemblies for a different language, simply use our Online Localization Service, a free tool for our active ASP.NET subscribers. Online Localization Service