Looking for example of associating an error in grid with a cell (or row) of server side validation

[Steve]

I have a server side update service that does validations. I'd like to see an example of a failed update response message and grid config that gives an error on a field with a message. I saw some questions on this years ago in the forum as associating an error with a cell or row was not possible at the time. Hopefully that has changed.

Steve

 

[Georgi Denchev]

Hello, Steve,

You can use the datasource's error event and listen for errors coming from the server. If there are errors present in the response, prevent the grid from binding(this will keep the row that is currently being edited open) and show the messages.

The visualization of the errors is a customization and is up to the developer to decide where and how to display them.

Best Regards,
Georgi Denchev
Progress Telerik

[Steve]

Thanks for the response. Unfortunately, that sounds overly complicated. I'm just looking for a simple way for a grid with multirow edits and a save button to show users which rows have problems and why when they try to save. I'm open to ways to achieve that. Thanks!

[Georgi Denchev]

Hi, Steve,

Unfortunately there are no other built-in approaches which could help you achieve the desired functionality. The proper way to handle server-side errors is as I described it. Validate each one of the rows on the server, add the id of the row and the error to a key-value collection and return the collection as an error response. Finally append the errors to the appropriate rows.

[Steve]

Thanks. Do you have an example of this for how an error response message might look?

[Georgi Denchev]

Hi, Steve,

We have a blog post which showcases how to throw error messages on the server and return them back to the grid. The backend in this case is .NET MVC, however the approach would be the same with other technologies as well.

You can scroll down to the Handling Server-Side Validation Errors section which showcases the error handling function, as well as the format of the returned response from the server.

errors: {FieldName: {errors: ["Error Message returned from the server"]}}

You can include the id of the row which failed the validation and return it in the response as well. This way you'll know which record exactly threw the error and using javascript you can find the element in the grid and append the error container on it.

errors: {FieldName: {errors:[...], id: 9999}, FieldName2: {errors:[...], id:9999}}