New to Kendo UI for Angular? Start 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 currentFormGroup. If you use the Gantt inside Template-Driven Forms, it isundefined.isNew—The state of the current item.rowIndex—The current row index. If inside a new item row,rowIndexis-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]