Kendo UI for jQuery DropDownTree Overview

The DropDownTree represents an editor of hierarchical data, rendered in a tree-like structure, which provides multiple selection option and custom nodes.

The DropDownTree is available in the Kendo UI for jQuery suite as of the Kendo UI R2 2018.

The DropDownTree is part of Kendo UI for jQuery, 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.

Download Free Trial

• Demo page for the DropDownTree

Initializing the DropDownTree

You can initialize the Kendo UI DropDownTree widget from an input element and then bind it to local or remote data, or to flat data.

• When you initialize the DropDownList, create it within a $(document).ready() statement because the widget has to be initialized after the DOM is fully loaded.
• The DropDownTree copies any styles and CSS classes from the input element to the wrapper element and visible input.

Functionality and Features

• Data binding
• Checkboxes
• Filtering
• Items
• Templates
• Appearance

See Also

• Basic Usage of the DropDownTree (Demo)
• Using the API of the DropDownTree (Demo)
• JavaScript API Reference of the DropDownTree