Treelist Angular

[Bobby]

I have a kendo-treelist in Angular

 

Edit mode has only Number, Text or boolean,

 <kendo-treelist-column field="Enhed" title="Enhed"  editor="text"

    [style]="{'text-align': 'left','min-width':'100px','padding': '0px'}"

      [headerStyle]="{'text-align': 'left'}">

       <ng-template kendoTreeListCellTemplate let-dataItem let-rowIndex="rowIndex" let-column="Enhed">

        <span *ngIf="!kendotreelist.isEditingCell()">{{dataItem.Enhed}}</span>

        <select *ngIf="kendotreelist.isEditingCell()" type="text" [(ngModel)]="dataItem.Enhed" >

          <option *ngFor="let enhed of enheder" [value]="enhed">{{enhed}}</option>

        </select>

      </ng-template>

    </kendo-treelist-column>

 

I need to make it custom select instead.

Is there any one who knows how?

 

[Martin Bechev]

Hi Bobby,

The listed edit modes are those coming as built-in (check the possible editor property values). However, the developer can use any input control for specific records such as dropdown lists, autocomplete dropdowns, and others. To achieve this use the kendoTreeListEditTemplate template.

For more details and examples of how to set up custom edit control, please check the following article:

https://www.telerik.com/kendo-angular-ui/components/treelist/editing/custom-editors

I hope this helps.

Regards,
Martin Bechev
Progress Telerik