New to Kendo UI for Angular? Start a free 30-day trial
EditTemplateDirective
Represents the column edit-cell template of the TreeList (see example).
Helps to customize the content of the edited cells. To define the cell template, nest an <ng-template>
tag with the kendoTreeListEditTemplate
directive inside a <kendo-treelist-column>
tag.
The template context contains the following fields:
column
—The current column instance.dataItem
—The current data item.cellContext
—An object used to pass context information to built-in directives.formGroup
—The currentFormGroup
. If you use the TreeList inside Template-Driven Forms,formGroup
will beundefined
.isNew
—The state of the current item.rowIndex
—The current row index. If inside a new item row,rowIndex
is-1
.
html
<kendo-treelist ...>
<kendo-treelist-command-column title="command">
<ng-template kendoTreeListEditTemplate let-rowIndex="rowIndex">
{{rowIndex}}
</ng-template>
</kendo-treelist-command-column>
</kendo-treelist>
Selector
[kendoTreeListEditTemplate]