Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/29.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 如何在剑道格网中使用多选下拉菜单,角度2_Angular_Kendo Ui - Fatal编程技术网

Angular 如何在剑道格网中使用多选下拉菜单,角度2

Angular 如何在剑道格网中使用多选下拉菜单,角度2,angular,kendo-ui,Angular,Kendo Ui,这里是我的代码,我需要添加多选下拉框,目前我在剑道网格中使用单选下拉框 <kendo-grid-column field="CorporateDataFeedFileInputFieldID" title="Field Name" [filterable]="true" width="370px"> <ng-template kendoGridCellTemplate let-dataItem> {{

这里是我的代码,我需要添加多选下拉框,目前我在剑道网格中使用单选下拉框

<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>

{{fieldFileInputFeedID(dataItem.CorporateDataFeedFileInputFieldID)?.FieldNAme}
{{itemvalue.FieldNAme}
{{itemvalue.DayName}

我尝试了
剑道网格
+
多选
作为单元格模板,使用
ng模板
,效果很好,如下所示:

<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>


请检查此项

如果您使用formControl并在droplist中预先填充多个项目,这会是什么样子?干得好,himawan\r+从我这里得到1