GanttFlatBindingDirective

Updated on Jun 19, 2025

Binds the Gantt to an array of objects by using an ID and parent ID field to define the hierarchy.

Use this directive to handle in-memory data operations such as sorting and filtering. See example.

html

<kendo-gantt
  [kendoGanttFlatBinding]="data"
  parentIdField="parentTaskId"
  idField="id"
  [dependencies]="dependencies">
</kendo-gantt>

Selector

[kendoGanttFlatBinding]

Export Name

Accessible in templates as #kendoGanttFlatBindingInstance="kendoGanttFlatBinding"

Inputs

Name	Type	Default	Description
kendoGanttFlatBinding	any[]		Sets the array of data to populate the Gantt.
filter	CompositeFilterDescriptor		Sets the descriptor that filters the data.
idField	string		Sets the name of the field that contains the unique identifier of the node.
parentIdField	string		Sets the name of the field that contains the identifier of the parent node.
sort	SortDescriptor[]		Sets the descriptors that sort the data.

Methods

rebind
Clears the directive cache and reloads the component data.