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 more than 100 professionally designed components developers trust for all their jQuery UI needs.
  • Get up and running quickly with award winning support, detailed documentation, demos, virtual classrooms, and a 3-million-strong developer community.
TreeView
Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • 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 TreeList 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 TreeList 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 TreeList 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 TreeList 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 TreeList 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 TreeList 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 TreeList 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 TreeList Keyboard Navigation demo

    keyboard-navigation