Row should not leave update mode if an error occurs.

[Brian Vallelunga]

Using the new release, I enabled inline editing mode. Everything works well except that the row should remain in editing mode if there's an error performing an update to the server. Right now it just changes back to view mode. There should really be some method of displaying server-side errors in this scenario, but I'd be happy to just have it not switch out of editing mode, which gives the wrong impression that the update succeeded.

[Alexander Valchev]

Hi Brian,

Unfortunately such functionality is not supported out of the box. As a workaround I suggest to use the error event of the dataSource to detect the errors and the editRow method to put the corresponding row back into editing mode.

Kind regards,
Alexander Valchev
the Telerik team

[Brian Vallelunga]

This workaround will work, but what's the best way to get the current grid row so that I can enable editing? I'm still having trouble understanding why the current behavior is in place to begin with. It really seems like a design flaw. It doesn't even seem to cancel the changes in the underlying data source.

[Alexander Valchev]

Hello Brian,

The easiest way to save the currently edited row in an inline editing mode is at the edit event - for example:

var editedCell;

edit: function(e) {
    editedCell = e.container;
}

I hope this information helps.

Kind regards,
Alexander Valchev
the Telerik team

[Brian Vallelunga]

Thanks for the help, but this method doesn't directly work. It seems that the editedRow that's being stored is already in an edit mode, and thus when I call grid.editRow(storedEditRow) nothing happens. The console just logs "undefined." What I seem to be able to do though is to store the UID of the current row and then use that to find the row in the grid for editing.

[Alexander Valchev]

Hi Brian,

You are right - the row could be selected through the uid data attribute. I am sorry that I forgot to mention that in my previous reply.

Kind regards,
Alexander Valchev
the Telerik team

[Vivi]

Hello Brian,
                      Check the below code snippet to achieve this....
var editedRow = "";

function onError (e) {
    if (e.errors) {
        var tr = $("#Grid").data("kendoGrid").select();
        var rowItems = $('#Grid').data("kendoGrid").dataItem(tr);
        editedRow = rowItems.uid;  
    }
}

function onDataBound (e) {
    var data = $("#Grid").data("kendoGrid").dataSource.data();
    $.each(data, function (i, row) {
        if (editedRow == row.uid) {
            $('tr[data-uid="' + row.uid + '"]').addClass("k-alt k-state-selected");
        }
   });
    var grid = $("#Grid").data("kendoGrid");
    var tr = $("#Grid").data("kendoGrid").select();
    if (tr.length > 0)
        grid.editRow(tr);
    editedRow = "";
}