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

EditTemplateDirective

Represents the column template for edited cells in the Gantt.

Use this directive to customize the content of edited cells. To define the cell template, nest an <ng-template> tag with the kendoGanttEditTemplate directive inside a <kendo-gantt-column> tag.

The template context provides the following fields:

  • column—The current column instance.
  • dataItem—The current data item.
  • cellContext—An object for passing context information to built-in directives.
  • formGroup—The current FormGroup. If you use the Gantt inside Template-Driven Forms, it is undefined.
  • isNew—The state of the current item.
  • rowIndex—The current row index. If inside a new item row, rowIndex is -1.
html
<kendo-gantt-column>
  <ng-template kendoGanttEditTemplate let-dataItem="dataItem" let-formGroup="formGroup">
    <input [formControl]="formGroup.get('field')" />
  </ng-template>
</kendo-gantt-column>

Selector

[kendoGanttEditTemplate]

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