The ASP.NET MVC TreeList is a data management component with similar functionalities to the Grid component. In addition to the built-in paging, sorting, filtering, data editing and various export options, the TreeList provides the option to display self-referencing data in a user-friendly manner by combining the features of a Grid and a TreeView. The component is suitable for a wide range of use case scenarios, for example displaying and managing organizational structures and grouping employees under their managers.
See the Telerik UI for ASP.NET MVC TreeList in action
Use the DataSource component to bind the TreeList control to static arrays, dynamic objects, local or remote data or even SignalR hubs. The built-in AJAX binding is especially useful in ASP.NET MVC scenarios.
The TreeList comes with built-in scrolling functionality enabled by default. However, to guarantee the rendering of scrollbars, you should either define the height of the component for vertical scrolling or define the width of all columns for horizontal scrolling.
If you prefer not to use a Column menu, you can enable a filter row in the header of the ASP.NET MVC TreeList by setting its filterable property to row. Based on the column data type, the filter row displays the appropriate filter types for string, numeric or date inputs and the list of available filter operands, such as “starts with,” “contains,” “is equal to,” etc.
The Multi-Column Headers are brought into play when users aim to showcase multi-level headers of a TreeList as part of a particular category or group. This gives you the option to define a column that spans over several sub-columns.
The TreeList supports two types of row selections:
Users can easily reorder TreeList rows by dragging and dropping them to the desired level of the hierarchical tree (same level, parent level or child level). When this operation is executed, the TreeList will automatically update the parentId field for the item.
Play around with the ASP.NET MVC TreeList Drag & Drop feature in this demo
The TreeList row template offers flexible customization options for styling the rows’ appearance. You can render anything from plain text to images, icons, link buttons and formatted multi-line descriptions.
This feature is intended to help with large data sets within the TreeList. It is currently specifically for the client-side, which means that all of the data has been loaded on the client, but this new feature should help tremendously in the way of performance.
Telerik TreeList extension for ASP.NET MVC enables you to display aggregates in the column footer cells, such as sum, count, average, etc.
Telerik UI for ASP.NET MVC TreeList Aggregates demo
Export the full content of the TreeList control to PDF and Excel files. You can enable users to customize the exported file to include exactly the content they need.
Learn how to export multiple TreeLists to Excel in our documentation
The ASP.NET MVC TreeList supports keyboard navigation, meaning users can use their keyboards to navigate the component and perform actions both in the component’s header and the data table itself.