Angular 网格内联编辑支持下拉列表吗?
当前,剑道网格列的编辑器属性支持数字、文本和布尔值。是否可以在编辑模式下在网格单元格内设置下拉控件?您可以定义模板并放置所需的内容:Angular 网格内联编辑支持下拉列表吗?,angular,kendo-ui-angular2,Angular,Kendo Ui Angular2,当前,剑道网格列的编辑器属性支持数字、文本和布尔值。是否可以在编辑模式下在网格单元格内设置下拉控件?您可以定义模板并放置所需的内容: <kendo-grid-column field="ProductName" title="Product Name"> <template kendoGridEditTemplate let-dataItem="dataItem"> <kendo-dropdownlist [(ngModel)]="dataI
<kendo-grid-column field="ProductName" title="Product Name">
<template kendoGridEditTemplate let-dataItem="dataItem">
<kendo-dropdownlist [(ngModel)]="dataItem.itemId" [data]="listItems"></kendo-dropdownlist>
</template>
</kendo-grid-column>
另一个使用反应形式的示例: 在component.ts文件中定义列表值:
public listItems: Array<string> = ["Product1", "Product2"];
<kendo-grid-column field="ProductName" title="ProductName">
<template kendoGridEditTemplate let-dataItem="dataItem">
<kendo-dropdownlist [data]="listItems [value]="dataItem.ProductName" (valueChange)="handleValueChange($event)></kendo-dropdownlist>
</template>
</kendo-grid-column>
handleValueChange(value) {
this.formGroup.get('ProductName').setValue(value);
}