kendogridの内部にオートコンプリートコントロールを組み込んでインライン編集することは可能ですか？

Question

1）私はkendogridをインライン編集機能で使用しています。私はグリッド内のオートコンプリートコントロールを使用するシナリオが必要です。

2）選択に基づいて1つのグリッド列のオートコンプリート内の項目を選択すると、データが取得されます。このデータに基づいて同じグリッド行の他の列のデータを更新する必要があります。

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