ASP.NET MVC & WebForms: Multi-Row Editing Gridview With Instant Updates using jQuery Ajax

29 June 2011

Check out these 2 great Code Central examples that show you how to enable multi-row editing with instant updates using Ajax callbacks.

And you can do it in both ASP.NET MVC and ASP.NET WebForms!


In this sample, we use the DevExpress MVC GridView and TextBox Extensions together with the jQuery Ajax method to instantly update changes. Using our our ASPxClientEdit.ValueChanged event as a trigger, we call the jQuery.ajax method to save the changes on the server side.

Multi-row Editing GridView

Code Central Sample:

ASP.NET MVC - How to perform GridView instant updating using different editors in the DataItem template

ASP.NET WebForms

In this sample, we use the DevExpress ASPxGridView and it's built-in callback support to update the changes made on the client-side instantly to the server side.

ASPxGridView Multi-row editing

Code Central Sample:

ASP.NET WebForms - How to perform ASPxGridView instant updating using different editors in the DataItem template


Check out the How-To samples above on Code Central. Then drop me a line below with your thoughts. Thanks!

Build Your Best - Without Limits or Compromise

Try the DevExpress ASP.NET MVC Extensions online now:

Read the latest news about DevExpress ASP.NET MVC Extensions

Download a free and fully-functional version of DXperience now:

Follow MehulHarry on Twitter

6 comment(s)
Vest (DevExpress Support)

Wow! I became famous :-D

29 June, 2011
Mehul Harry (DevExpress)

Thank you Vest for making these nice examples. :)

29 June, 2011
Peter Thorpe

Thanks I was looking through examples of how to do this literally yesterday. This example is much cleaner and more re-usable than the other examples.

29 June, 2011
Dmitry Dobrovolsky_1

That's cool!

30 June, 2011
Alain Bismark


How we can integrate this XAF ??

Best regards

30 June, 2011
Dennis (DevExpress Support)

Hi Alain,

There are several options for you:

1. Customize the default List Editor control (ASPxGridView) via a controller. The following help articles will come in handy to get started:

2. Create a custom List Editor based on a customized ASPxGridView control. Check out the following help article for more information:

3. Embed a custom user control with ASPxGridView into a standard XAF form.

Refer to the KB Article for more information.

5 July, 2011

Please login or register to post comments.