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

FlatDataBindingDirective

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.

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

Selector

[kendoTreeViewFlatDataBinding]

Inputs

NameTypeDefaultDescription

filter

string

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

filterSettings

TreeViewFilterSettings

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.

parentIdField

string

Specifies the field name that contains the parent node identifier.

In this article
SelectorInputs
Not finding the help you need?
Contact Support