Kendo ui Grid inline edit field with editorTemplate how to get the template input updated on next row clicked angular2+

[mark]

Kendo ui Grid inline edit field with editorTemplate how to get the template input updated on next row clicked angular2+

[Dimiter Topalov]

Hello Mark,

You can check out the following Grid editing example from our documentation that demonstrates how to handle Grid editing via clicking Grid rows:

https://www.telerik.com/kendo-angular-ui/components/grid/editing/editing-row-click/

Custom click handlers open the clicked row for editing and (if there is one) close the previously edited row and saves the performed changes.

I hope this helps, but if I am missing something, please describe the scenario and the desired functionality in further details so I can try to provide a more suitable suggestion if one is available. Thank you in advance.

Regards,
Dimiter Topalov
Progress Telerik

[mark]

Hello Dimiter Topalov,

But, Actually I've followed that documentation you have mentioned. The problem is I have a ng-template and a kendo textbox inside a column of this inline method. The all of the columns are updating after editing but the text box which inside the template is not updating. Otherwise if I can call a keyup event method from columnwise it's also helpfull for me.

Thanks & Regards,

Mark.

[Svet]

Hi Mark,

When using an input inside an ng-template with kendoGridEditTemplate directive, we need to provide a value of the input. One way to achieve this in Angular is by binding the input to a formControl as demonstrated in the following sample plunker:
https://plnkr.co/edit/dhdoxfRaLasG8sr52KtI?p=preview

The essential part is the following:

<kendo-grid-column field="ProductName" title="Product Name">
  <ng-template kendoGridEditTemplate let-dataItem>
    <input kendoTextBox [formControl]="formGroup.get('ProductName')"/>
  </ng-template>
</kendo-grid-column>

The following article on custom editing in reactive forms may also be helpful:
https://www.telerik.com/kendo-angular-ui/components/grid/editing/custom-reactive-editing/#toc-custom-editing-in-reactive-forms

I hope this helps.

Regards,
Svetlin
Progress Telerik