[Solved] ASP.NET MVC Telerik grid onSave event issue

[Prashant]

Hi team,

I am developing an application with a simple table with <tr> and <td> layout and on the bottom of the page, I have an asp.net mvc telerik grid using .Editable(mode => mode.Mode(GridEditMode.InCell)) and have a requirement where i want whenever i change a specific gridcell value(say for example: value changes from 34 to 45), the same should get reflected in one of the related column on the top html table immediately.

I know of onSave() method of the telerik grid which saves values when the active grid cell loses focus, but i want to know how can we reflect this change of value and update the same on a specific column on html table.

Please feel free to fire any questions if you have any.

Thanks,
Prashant

[Daniel]

Hello Prashant,

If the HTML table has the same structure as the Grid table you could locate the corresponding table cell by index e.g.

function onSave(e) {
    var $cell = $(e.cell);
    var cellIndex = $cell.index();
    var rowIndex = $cell.closest("tr").index();
    var value = e.values[$cell.find("input").attr("name")];
    $("#myTable tbody").find("tr:eq(" + rowIndex + ")").find("td:eq(" + cellIndex + ")").html(value);
}

If the structure is different, I can suggest to add the data key as attribute(class, id) to the table row and the property name as attribute to the corresponding cell in the row.  You could then use the event argument dataItem and values to find the cell and reflect the changes.

Regards,
Daniel
the Telerik team