New to Kendo UI for Vue? Start a free 30-day trial

Data Bindingng

The DropDownTree provides support for binding it to local data arrays and to remote data services.

Binding to Local Data Arrays

The DropDownTree enables you to bind it to:

Simple Local Data Binding

The following example demonstrates how to create and bind the DropDownTree to a simple local data source.

Example
View Source
Change Theme:

Complex Local Data Binding

The following example demonstrates how to create and bind the DropDownTree to a complex local data source.

Example
View Source
Change Theme:

Binding to Remote Data Services

You can bind the DropDownTree to a remote dataset by:

Defining Inner HierarchicalDataSource

The following example demonstrates how to define an inner HierarchicalDataSource component for the DropDownTree.

Example
View Source
Change Theme:

Using the HierarchicalDataSource Component

The following example demonstrates how to bind the DropDownTree to an external HierarchicalDataSource component.

Example
View Source
Change Theme:

Using the data Method

The following example demonstrates how to bind the DropDownTree to remote DataSource that is initialized in the data method.

Example
View Source
Change Theme: