GridView for ASP.NET MVC - How to implement a single cell edit feature

This example demonstrates how to edit a grid cell in batch mode and update the data source on a callback.

Follow the steps below to configure a single cell's edit functionality:

1. Place GridView with the enabled Batch Edit mode on the page.
2. Handle the BatchEditEndEditing event. In the handler, collect the information about the edited row and send the information to the server side. Use the jQuery.ajax method for this.
3. In the controller action, update the data source with the new data and return the result string (OK or the error message).
4. Use the success handler to return the focus to the last edited cell if something went wrong. For example, a server-side validation error.

Files to Review

• HomeController.cs (VB: HomeController.vb)
• Model.cs (VB: Model.vb)
• GridViewPartial.cshtml
• Index.cshtml

Documentation

• Grid in Batch Edit Mode

More Examples

• Grid View for ASP.NET Web Forms - How to implement a single cell edit feature

Does this example address your development requirements/objectives?

(you will be redirected to DevExpress.com to submit your response)