UI for ASP.NET Core
The Telerik UI for ASP.NET Core TreeList is a data management component, in many aspects similar to the Grid, but providing the option to visualize and manage hierarchical data. It comes with many valuable built-in features, including paging, sorting, filtering, data editing, drag and drop, various export options and more. The component can be used in many scenarios, for example to list all employees of a company and group them under their managers, representing the organizational hierarchy.
See the ASP.NET Core TreeList demo
The ASP.NET Core TreeList component supports binding to various endpoints. You can configure it for lazy loading to make AJAX requests upon loading child nodes, sorting or filtering. You could also use the DataSource component to bind the control to static arrays, dynamic objects, local or remote data, OData or even SignalR.
Learn more about data binding the TreeList
The TreeList component comes with 20+ built-in themes, such as Default (our own styling), Material (based on the Material Design guidelines) and Bootstrap (which resembles the Bootstrap styling for better integration). You can easily customize any of the available themes with a few lines of CSS or create a new theme to match your colors and branding with the Telerik SASS ThemeBuilder application.
The Telerik UI for ASP.NET Core TreeList comes with built-in editing functionality that can be implemented by setting the model and configuring the transport. Users can edit data in the TreeList in three different ways:
Users can drag and drop tree list items when the Editable.Move property is set to true. They can rearrange the order of the rows across all hierarchy levels of the TreeList, as the component would internally update the parentId field when such change is registered.
See the ASP.NET Core TreeList Drag and Drop demo
Sometimes the data in the TreeList component can be large and users would need an easy way to locate what they are looking for. That is why we have added a search box above the table.
The Search Panel feature allows easy location of specific records within the TreeList. Typing what you are looking for would filter the records in the TreeList and display the desired information along with the related items in the hierarchy. The feature allows configuration of the tree list fields that should be included in the search command.
See the Telerik UI for ASP.NET Core TreeList Search Panel demo
The TreeList component enables you to visualize aggregated results for each level of the hierarchical data. The built-in aggregate functions include Count, Sum, Average, etc. and can be displayed in each group footer.
Using the TreeList state management feature, you can easily save the user’s preferences and settings when they interact with the component and restore them when they log back in. Saving user preferences is achieved with the getOptions method and restoring them with the setOptions one.
You can enable the TreeList built-in PDF and Excel export functionality with a single line of code. Easily customize the exported file to include the exact content you need.
Accessibility can be a large concern in any application. The Telerik UI for ASP.NET Core TreeList component complies with Section 508 and WCAG guidelines out of the box, ensuring anyone can navigate the component’s UI.
The TreeList supports keyboard navigation out of the box. Refer to the demo page for detailed information about how to navigate the component with the intuitive keyboard shortcuts.
The TreeList component comes with 20+ built-in themes, such as Default (our own styling), Material (based on the Material Design guidelines), Bootstrap (which resembles the Bootstrap styling for better integration) and Fluent (based on Microsoft Fluent UI). You can easily customize any of the available themes with a few lines of CSS or create a new theme to match your colors and branding with the Telerik SASS ThemeBuilder application.