TreeView

Client-side API

With its rich client-side API, you can easily modify and interact with the TreeView component in JavaScript. With events that allow you to hook into any interaction, and API methods that allow you to alter the TreeView as needed, you can add a lot of client-side interactivity.
Drag & drop

Drag and drop nodes within the TreeView, or across several different Kendo UI TreeView components. This functionality can be extended to even drag and drop TreeView items into regular HTML elements

See Demo
Flexible binding

Take use of the various data binding options of the TreeView component. These include several DataSource bindings, and even server side bindings through Kendo UI's JSP, PHP, and ASP.NET MVC wrappers – allowing you to provide the component with data in several different ways.

See Demo
Load on demand

Load TreeView data only as it is needed, not all at once. Thanks to the load-on-demand feature, you can increase performance by only having a node load its children when expanded.
Templates

Completely redefine the look and feel of a standard TreeView node. Utilizing custom made templates you can provide a unique appearance for each node, allowing full control of your interface.

See Demo
Accessibility

Rest easy and rely on the fact that the Telerik Kendo UI TreeView is compliant with Section 508 and WCAG guidelines – perfect for scenarios where accessibility is a large concern.
Checkbox support

The built-in checkbox support allows your TreeView nodes to come with their own checkbox elements to indicate selection – without the need to create a customized template.

See Demo
Hierarchical data display

Provide an intuitive interface for displaying hierarchical information. With the Telerik Kendo UI TreeView component you can quickly bind to hierarchical data and display it in a way that makes sense to your users.

See Demo