Telerik UI for ASP.NET MVC TreeList Basic Usage

Loading Demo...
  • EXAMPLE
  • VIEW SOURCE
index.cshtml
IndexController.cs
EmployeeDirectoryController.cs

Also available for:

CLIENT-SIDE API SERVER-SIDE API
devcraft ninja image

The TreeList component is part of Telerik UI for ASP.NET MVC, 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 MVC 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 MVC 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 comes in the form of an HtmlHelper.

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 a unique collection of hundreds of ASP.NET MVC demos, with which you can see all Telerik ASP.NET MVC 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 the ThemeBuilder.

Support & Learning Resources

Additional Resources