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:

  • formGroupThe current FormGroup. Represents the default context that will be assigned to any template variable which utilizes the let-x syntaxfor example, let-formGroup. If you use the Grid inside Template-Driven Forms, it will be undefined.
  • rowIndexThe 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.
  • dataItemThe current data item. Use it as an alias for a template variable by utilizing the let-dataItem="dataItem" syntax.
  • columnThe current column instance. Use it as an alias for a template variable by utilizing the let-column="column" syntax.
  • isNewThe 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?