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,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]