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