Insert Row in Kendo Grid

[Farzana]

I doing an angular implementation of the Kendo Grid and need to be able to insert rows in addition to the in-built Add/Update Row features. The data is read from the server and in sync whenever any changes are made on the client-side. How do I implement the insert row capability in Kendo Grid?

[Alexander Valchev]

Hi Farzana,

You can use the addRow method of the Grid to insert an empty record ready for editing or the add method of the DataSource to insert new data item with pre-defined values. If you want to save the changes you should call the sync method of the DataSource.

Regards,
Alexander Valchev
Telerik

 

 

[Farzana]

I need to be able to insert the row at a specific index in the grid so when a user selects a row and clicks Insert, it should display an empty editable row at that index in the grid which will sync up with the backend to save the changes. Is there an example I could take a look at which demonstrates this scenario?

Thanks.

[Alexander Valchev]

Hello Farzana,

In such case you should use the insert method of the DataSource which gives you the ability to insert a record at a specific index. See this example: http://dojo.telerik.com/oTUWe

Regards,
Alexander Valchev
Telerik