网格内联编辑是否支持下拉列表?

时间:2017-02-28 16:13:15

标签: angular kendo-ui-angular2

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

2 个答案:

答案 0 :(得分:1)

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

在component.ts文件中定义列表值:

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

然后在组件中,您需要提供handleValueChange定义。

{{1}}

答案 1 :(得分:0)

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

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