background

Kendo UI for jQuery

jQuery TreeView

  • Render items in a hierarchical structure complete with valuable features such as drag-and-drop, checkboxes for selection, and load on-demand for performance.
  • Part of the Kendo UI for jQuery library along with 100+ professionally-designed components.
  • Includes support, documentation, demos, virtual classrooms, learning resources and more!
TreeView
  • Overview

    The jQuery TreeView component displays items in a hierarchical view 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.

    See the jQuery TreeView demo

  • Data Binding

    reeView includes several data source bindings (even server-side bindings through the Kendo UI JSP, PHP and ASP.NET MVC wrappers) allowing you to display data from virtually any source.

    See the jQuery TreeView Data Binding demo

  • Drag and Drop

    Drag and drop nodes within the jQuery 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 the jQuery TreeView Drag and Drop demo

    treeview-dragging
  • Animation

    The jQuery TreeView component has animations built-in that will help you create a modern, pleasing experience as users interact with and expand/collapse nodes.

    See the jQuery TreeView Animation demo

  • Images and Sprites

    For a more intuitive user experience, the jQuery TreeView component allows you to add images or sprites in front of each item in the TreeView hierarchy. This lets you customize the look of the control to fit your customer’s design requirements.  

    See the jQuery TreeView Images demo

    treeview-images
  • Checkboxes

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

    See the jQuery TreeView Checkboxes demo

    treeview-checkboxes
  • Filter in Dialog

    Help your users find the information you are looking for with the built-in filter dialog. This window allows users to search for and select the items they want to see.

    See the jQuery TreeView Filtering demo

  • Keyboard Navigation

    Improve accessibility and productivity with keyboard-only navigation. This component supports keyboard navigation to help navigate and interact with items.  

    See the jQuery TreeView Keyboard Navigation demo

    Keyboard Navigation

All Kendo UI for jQuery Components

Next Steps

Next Steps