Можно ли включить управление автозаполнением внутри 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