New to Kendo UI for AngularStart a free 30-day trial

Represents a directive that handles flat data binding and provides built-in filtering functionality for the TreeView.

Use this directive to bind flat data where parent-child relationships are defined by ID fields. The directive also enables the built-in filter input and automatic filter handling when used with the filterable property.

Definition

Package:@progress/kendo-angular-treeview

Selector:[kendoTreeViewFlatDataBinding]

Syntax:

html
<kendo-treeview
    kendoTreeViewFlatDataBinding
    idField="id"
    parentIdField="parentId"
    textField="text"
    [nodes]="data"
    [filterable]="true">
 </kendo-treeview>

Inputs

filter

string

Applies a filter and changes the visibility of the component's nodes accordingly.

The settings which are applied when performing a filter on the component's data.

idField

string

Specifies the field name that contains the unique node identifier.

nodes

any[]

Specifies the flat data collection that renders as nodes in the TreeView.

Specifies the field name that contains the parent node identifier.