Grid row, always in edit mode

[Ivan]

Hello,

 

Is it possible to have only one row in kendo angular grid always in edit mode. What I'm trying to achieve is that, when I bind grid with data, that one particulate row is in edit mode, so the data can be changed and later retrieved for the update. Also it would be nice if it's possible to have only some of the columns in that row editable, like in the attached image.

 

Thanks in advance

[Svet]

Hello Ivan,

You can put any Grid row in editing mode programmatically via the editRow() method:

https://www.telerik.com/kendo-angular-ui/components/grid/api/GridComponent/#toc-editrow

I can suggest checking out the Grid default editing functionality in various scenarios to gain a better understanding of how Grid editing works and respectively customize it more easily:

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

You can control which Grid columns will be editable via the editable property of the ColumnComponent:

https://www.telerik.com/kendo-angular-ui/components/grid/api/ColumnComponent/#toc-editable

Here is an example of setting the third Grid row in editing mode with only some columns editable:

https://plnkr.co/edit/eMaoeQQqqFz5Zw0cFX6z?p=preview

The following how-to article contains an alternative approach for rendering and binding Grid editors in Cell templates (you can adapt it to create a single formGroup and render the editors in a single row only via some conditional logic):

https://www.telerik.com/kendo-angular-ui/components/grid/how-to/render-editors-in-cell-template/

I hope this helps.

Regards,
Svetlin
Progress Telerik