How to update master cell after saving details

[n/a]

Hi,

I am using a hierarchical (master/detail) grid.  After I click to save changes to the detail grid, I would like to update the contents of a particular cell in the master.  This displays summary data from the details grid.  So, after the detail changes have been saved I need to make a server call to grab some data from the database and display it in that cell.  How would I make this call, return the data and display it in my chosen cell in the parent?  I appreciate that I could refresh the entire grid (or page) but would prefer to make an Ajax style update to make the process quicker and slicker.

Many thanks,

Colin

 

[Konstantin Dikov]

Hi Colin,

You could handle the "requestEnd" event of the child Grid and if the type is different than "read", you could make a manual AJAX request to get the data that you need:

• https://docs.telerik.com/kendo-ui/api/javascript/data/datasource/events/requestend

Within the success method of the AJAX request you could then find the TR element of the parent dataItem with jQuery, find the cell that you need to update and change its content. If the parent Grid is using "Batch(InCell)" edit mode, you could also use the "set" method of the dataItem. You could get reference to a dataItem using the "dataItem" method of the Grid and the corresponding TR element:

• https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/methods/dataitem

Hope this helps.


Regards,
Konstantin Dikov
Progress Telerik