Widgets

Overview

The TreeView widget provides hierarchical navigation with drag-and-drop and check-box support. Enjoy enhanced performance thanks to item load on demand. Rich server-side and client-side APIs and templates for full manipulation and customization in your HTML5 web app.
Demo
Hierarchical Data Display
Provide an intuitive interface for displaying hierarchical information. With the Progress Kendo UI TreeView component, you can quickly bind to hierarchical data and display it in a way that makes sense to your users. Demo
Drag and 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.
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 the Kendo UI JSP, PHP and ASP.NET MVC wrappers – allowing you to provide the component with data in several different ways. Demo
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.
Demo
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, enabling full control of your interface.
Demo
Client-Side API

With its rich client-side API, you can easily modify and interact with the TreeView component in JavaScript. With events that enable 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.
Demo
Accessibility

Rest easy with the knowledge Progress Kendo UI TreeView is compliant with Section 508 and WCAG guidelines – perfect for scenarios where accessibility is a large concern.
Load on Demand

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

Demo