Failing inline updates, remove the update/cancel buttons

[Jacob]

Hi,

MVC5, Inline editing:
When doing inline editing, the edit button is temporary replaced by two UPDATE/CANCEL buttons.
This is normal behavior.
If the update handling fails, then the update/cancel buttons is swapped back to the edit button, but the item itself, is still in edit mode.

I have attached the grid to the following events to be able to show messages to the user:

.Events(events => events.Sync("onSync"))
.Events(events => events.Error("onDataSourceError"))

I want the update/cancel buttons to be the visible one since it has failed and the user should still be able to correct the error and update again.
Thanks.

[Vladimir Iliev]

Hello Jacob,

You can handle the server side validation errors the same way as demonstrated in the following example in our CodeLibrary:

• Grid: Handling server-side validation errors

Regards,
Vladimir Iliev
Telerik

 

 

[Jacob]

So, the basic is to return the error like this:

return this.Json(new DataSourceResult
{
    Errors = ex.Message,
});

and cancel the ongoing process in the error event:

var grid = $("#" + gridname).data("kendoGrid");
grid.one("dataBinding", function (ee) {
    ee.preventDefault();   // cancel grid rebind if error occurs
})

Your sample use the ValidationMessage behavior and I'm also going to need help to that, because i can't get the Require attribute to work as usually - but that's going to be a new question :-)

Thanks.