Telerik UI for ASP.NET Core TreeList Basic Usage

Loading Demo...
  • EXAMPLE
  • VIEW SOURCE
  • Edit in Telerik REPL
HtmlHelper
TagHelper
Files:
index.cshtml
IndexController.cs
EmployeeDirectoryController.cs
EmployeeDirectoryModel.cs
Index_TagHelper.cshtml

Also available for:

CLIENT-SIDE API SERVER-SIDE API
devcraft ninja image

The TreeList component is part of Telerik UI for ASP.NET Core, a professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

Description

The Telerik TreeList for ASP.NET Core component enables the display of self-referencing tabular data and allows sorting, filtering, and data editing.

This example demonstrates the basic configuration for the TreeList in an hierarchy of employees.

The ASP.NET Core TreeList control is part of Telerik UI for ASP.NET MVC, a professional-grade UI library with 110+ components for building modern and feature-rich web applications. The TreeList is a server-side wrapper for the Kendo UI for jQuery TreeList component and supports an HtmlHelper and a TagHelper mode.

Functionality and Features

  • Remote data binding–Use a remote binding for the TreeList.
  • Checkbox selection–Use the checkbox selection functionality provided by the TreeList.
  • OData-v4 binding– Use an OData-v4 service to populate the TreeList.
  • Drag & drop–Use dragging and dropping in order to reorder the TreeeList.
  • Editing–Use the edit functionality of the TreeList.
  • Filter row–Use the Filter functionality of the TreeList.
  • InCell editing–Use the InCell edit functionality of the TreeList.
  • Popup editing–Use the PopUp edit functionality of the TreeList.
  • Search panel–The TreeList enables the users to search through its data by using the search panel.
  • Row template–The TreeList allows flexible customization of its rows in terms of layout and appearance by exposing the row template feature for this purpose.
  • Column resizing–Resize the columns of the TreeList.
  • Column reordering–Reorder the columns of the TreeList.
  • Column menu–Use the column menu feature of the TreeList.
  • Multi-column headers–Implement multi-column headers for the TreeList.
  • Frozen columns–Lock a column or list of columns in the TreeList.
  • Aggregates–Use aggregates in the TreeList.
  • Persist state–The TreeList provides functionality for persisting the desired state by saving and applying the user preferences.
  • Export to Excel–Use the Excel export functionality of the TreeList.
  • PDF export–Use the PDF export functionality of the TreeList.
  • Events–Subscribe to all events of the TreeList.
  • API–The TreeList exposes rich client-side API and events, which provide easy configuration or extension points for custom functionality on top of the built-in features.
  • Keyboard navigation–The Keyboard Navigation options of the TreeList.
  • Client-side Paging–The TreeList supports client-side paging for large sets of data.

Additional Apps

This TreeList example is part of unique collection of hundreds of ASP.NET Core demos, with which you can see all Telerik ASP.NET Core components and their features in action. View the source code of the demos from the library or directly adapt, and edit them and their theme appearance in Telerik REPL for ASP.NET Core or ThemeBuilder.

Support & Learning Resources

Additional Resources