是否有可能將自動完成控制內部的kendogrid內聯編輯

Question

1）我正在使用kendogrid內聯編輯功能。我需要一個方案來使用網格內的自動完成控制。如何實現這一點，任何人都可以幫助？

2）當我根據選擇在一個網格列的自動完成中選擇一個項目時，我正在獲取數據。我需要根據這些數據更新同一網格行其他列的數據。

Answer 1

1）如果你使用模板驅動的形式的時候，你可以用你的網格列定義模板內：

<kendo-grid-column field="ProductName" title="Product Name"> 
    <template kendoGridEditTemplate let-dataItem="dataItem"> 
     <kendo-autocomplete 
      [data]="listProducts" 
      [placeholder]="'e.g. Milk'" 
      [(ngModel)]="dataItem.ProductName" 
      (valueChange)="handleProductChange($event)" 
     > 
    </template> 
</kendo-grid-column> 

2）如果您需要在您的行應用於變化選擇在自動完成的值時， ，你可以使用valueChange事件。 開始編輯行時保存編輯後的行索引：

protected editHandler({sender, rowIndex, dataItem}) { 
    (...) 
    // track last edited row 
    // it will be used in `closeEditor` for closing previous edited row 
    this.editedRowIndex = rowIndex; 

} 

然後使用該行的索引，使被編輯的行更改：

handleProductChange(value) { 
    // Do needed changes in model 
    doSomethingWith(this.gridData[this.editedRowIndex]); 
} 

http://www.telerik.com/kendo-angular-ui/components/grid/editing/editing-template-forms/#toc-configure-the-columns-editor-template