如何在 Angular 的 kendoUI 的网格中实现下拉列表找不到任何文档

如何解决如何在 Angular 的 kendoUI 的网格中实现下拉列表找不到任何文档

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

解决方法

我在我的应用程序中这样做。这是它的一个简单版本：

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);
  }

我的网格中有“添加”、“编辑”和“删除”命令，这些命令涉及此处未显示的表单。我也在 LaborTypes 函数中填充 ngOnInit 对象数组，因此用户可以在下拉列表中进行选择。