New to Kendo UI for Angular? Start a free 30-day trial

EditTemplateDirective

Represents the column edit-cell template of the Grid (see example). Helps to customize the content of the edited cells. To define the cell template, nest an <ng-template> tag with the kendoGridEditTemplate directive inside a <kendo-grid-column> tag.

The template context is set to the current form group and the following additional fields are passed:

  • formGroup—The current FormGroup. Represents the default context that will be assigned to any template variable which utilizes the let-x syntax, for example, let-formGroup. If you use the Grid inside Template-Driven Forms, it will be undefined.
  • rowIndex—The current data row index. If inside a new item row, rowIndex is -1. Use it as an alias for a template variable by utilizing the let-rowIndex="rowIndex" syntax.
  • dataItem—The current data item. Use it as an alias for a template variable by utilizing the let-dataItem="dataItem" syntax.
  • column—The current column instance. Use it as an alias for a template variable by utilizing the let-column="column" syntax.
  • isNew—The state of the current item. Use it as an alias for a template variable by utilizing the let-isNew="isNew" syntax.

Selector

[kendoGridEditTemplate]

In this article

Not finding the help you need?