Как мы можем использовать множественный выбор в кендо сетке с угловым 2

Question

---

здесь мой код, где мне нужно добавить раскрывающийся список с несколькими вариантами выбора с флажком, в настоящее время я использовал раскрывающийся список с одним выбором внутри сетки кендо

<kendo-grid-column field="CorporateDataFeedFileInputFieldID" title="Field Name" [filterable]="true" width="370px">
                <ng-template kendoGridCellTemplate let-dataItem>
                    {{fieldFileInputFeedID(dataItem.CorporateDataFeedFileInputFieldID)?.FieldNAme}}
                </ng-template>
                <ng-template kendoGridEditTemplate
                             let-dataItem="dataItem"
                             let-formGroup="formGroup">
                    <select class="form-control drpdown-grid-function-name" (change)="OnchangeInputField($event);" id="PercentageInputField">
                        <option *ngFor="let itemvalue of DdlInputFiledName" value={{itemvalue.CorporateDataFeedFileInputFieldID}} [selected]="itemvalue.CorporateDataFeedFileInputFieldID === editInputfiledId" #Optionfiledname>
                            {{itemvalue.FieldNAme}}
                        </option>
                    </select>
                </ng-template>
            </kendo-grid-column>


<kendo-grid-column field="DayOfWeek" title="Error Check day" [filterable]="false" width="90px" [style]="{'text-align': 'center'}">
<ng-template kendoGridEditTemplate let-dataItem="dataItem" let-formGroup="formGroup">
    <select class="form-control drpdown-grid-function-name" (change)="OnchangeWeakday($event);" id="listOfDayOfWeek">
        <option *ngFor="let itemvalue of tblFieldWeekDay" value={{itemvalue.DayOfWeek}} [selected]="itemvalue.DayOfWeek === editDayOfWeek" #OptionWeakDay>
        {{itemvalue.DayName}}
        </option>
    </select>
</ng-template>
</kendo-grid-column>

Answer 1

Я попытался kendo grid + multiselect в качестве шаблона ячейки, используя ng-template, и он отлично работает, как:

<kendo-grid-column width="200" title="Ingredients" field="Ingredients">
            <ng-template kendoGridCellTemplate let-dataItem>
                   <kendo-multiselect [data]="listItems" [(ngModel)]="dataItem.Ingredients"></kendo-multiselect>
            </ng-template>

</kendo-grid-column>

Пожалуйста, проверьте этот пример