网格内联编辑是否支持下拉菜单？答案

【问题标题】：Does grid inline editing support dropdown?网格内联编辑是否支持下拉菜单？
【发布时间】：2017-03-10 07:19:37
【问题描述】：

目前 kendo-grid-column 的编辑器属性支持数字、文本和布尔值。是否可以在编辑模式下在网格单元内进行下拉控件？

【问题讨论】：

【解决方案1】：

另一个使用反应形式的例子：

在您的 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定义。

handleValueChange(value) {
        this.formGroup.get('ProductName').setValue(value);
    }

【讨论】：

【解决方案2】：

您可以定义一个模板并放置您需要的任何内容：

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

【讨论】：