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

Data Binding

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

Binding to Local Data Arrays

The TreeView enables you to bind it to:

Simple Local Data Binding

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

Example
View Source
Edit In Stackblitz  
Change Theme:

Complex Local Data Binding

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

Example
View Source
Edit In Stackblitz  
Change Theme:

Binding to Remote Data Services

You can bind the TreeView to a remote dataset by either:

Using the HierarchicalDataSource Component

The following example demonstrates how to bind the TreeView to a HierarchicalDataSource component.

Example
View Source
Edit In Stackblitz  
Change Theme:

Using the data Method

The following example demonstrates how to bind the TreeView to remote data by using the data method.

Example
View Source
Edit In Stackblitz  
Change Theme: