Two KendoGrids on same View

[Mahendra]

I have Two relational KendoGrids on same MVC View. I need to apply CRUD operations for both the grids. Please suggest me the best approach to do Insert/Update/Delete operations for both the grids altogether.

[Dimo]

Hello Mahendra,

In order to apply the same CRUD changes to both Grids (assuming that the two Grids are bound to different data, i.e. different database tables), you need to subscribe to the CRUD-related events of each Grid and apply the corresponding changes to the other Grid by using its DataSource API.

 -save event
http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#events-save

- remove event
http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#events-remove

How to retrieve a Grid's DataSource instance
http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#fields-dataSource

How to execute CRUD operations manually on a Kendo UI DataSource instance

- insert
http://docs.telerik.com/KENDO-UI/api/javascript/data/datasource#methods-add
 
- update
http://docs.telerik.com/KENDO-UI/api/javascript/data/datasource#methods-get
http://docs.telerik.com/KENDO-UI/api/javascript/data/model#methods-set
 
- delete
http://docs.telerik.com/KENDO-UI/api/javascript/data/datasource#methods-remove
 
How to submit changes to the remote datasource
http://docs.telerik.com/KENDO-UI/api/javascript/data/datasource#methods-sync

Regards,
Dimo
Telerik

[Mahendra]

Thanks resolved