如何在网格中实现下拉列表 kendoUI for angular.找不到任何文档

Question

类似的内容。但是这个例子是针对jquery的kendoUI。我需要用于angular的kendoUI文档。

Answer 1

我在应用程序中执行此操作。这里有一个简单的版本：

HTML模板

<kendo-grid [data]="someData" [height]="750">
<kendo-grid-column field="LaborType" title="Task" width="120">
<ng-template kendoGridCellTemplate let-dataItem>
{{ GetLaborTypeDesc(dataItem.LaborType)?.LaborTypeDesc }}
</ng-template>
<ng-template kendoGridEditTemplate>
<kendo-dropdownlist [defaultItem]="{LaborTypeID: null, LaborTypeDesc: 'Select a task...'}" [data]="LaborTypes"
textField="LaborTypeDesc" valueField="LaborTypeID" [valuePrimitive]="true">
</kendo-dropdownlist>
</ng-template>
</kendo-grid-column>
</kendo-grid>

打字

LaborTypes: Array<{ LaborTypeDesc: string, LaborTypeID: number }> = [];
public GetLaborTypeDesc(id: number): any {
return this.LaborTypes.find(x => x.LaborTypeID === id);
}

我的网格中有"添加"、"编辑"one_answers"删除"命令，其中包含此处未显示的表单。我也在ngOnInit函数中填充了LaborTypes对象数组，因此用户可以在下拉列表中选择选项。