ASP.NET WebForms & MVC: GridView Batch Edit (What's new in 13.2)

ASP.NET Team Blog
16 December 2013

Check out the DevExpress ASP.NET GridView's excellent new editing feature in the latest 13.2 release:

GridView Batch Editing

DevExpress ASP.NET GridView Batch Editing

The DevExpress ASP.NET Grid (ASPxGridView) control allows you to modify a batch of grid data on the client side and send it to the server in one request.

Benefits

Batch Edting allows your end-users to work in the DevExpress ASP.NET GridView control with ease. They can edit all the records using the keyboard only without moving their hand to reach for the mouse. And once they're finished, the can review, cancel, or save their changes.

The DevExpress ASP.NET GridView also gives your end-users a great preview of what records have been changed before they're saved back to the server. And, like many DevExpress controls, you can choose the color that signifies an edited cell.

Note: If the end-user chooses another action like sorting while they're batch editing, the DevExpress ASP.NET GridView will ask them if they want to lose their changes. So your end-users will get a helpful notification and can choose to continue editing or choose a new action.

ASP.NET WebForms & MVC

The GridView Batch Editing feature is available for both ASP.NET WebForms and MVC platforms.

How To Use

To enable the batch editing functionality, set the Mode property to 'Batch'. In this mode, the grid data contained in a page can be edited using in-line editors. The modified cells are colored in green. All changes are maintained on the client side until the Save changes link is clicked. You can cancel all changes by clicking the Cancel changes link.

If a grid contains modified data, it displays a confirm message before a grid callback or postback is performed.

In this demo, use the Edit mode combo box (“cell” or “row”) to specify the control element used to edit the data. The Start edit action combo box (“click” or “double click”) allows you to specify the action that should be used to begin editing grid data.

Online Demos

WebForms: DevExpress ASP.NET GridView Batch Editing Demo

MVC: DevExpress ASP.NET MVC GridView Batch Edting Demo

Download the latest version of DevExpress ASP.NET today and try the slick new batch editing feature of the DevExpress ASP.NET GridView.

 

When only the best will do.

From interactive Desktop applications, to immersive Web and Mobile solutions, development tools built to meet your needs today and ensure your continued success tomorrow.

Get full access to a complete suite of professional components that let you instantly drop in new features, designer styles and fast performance for your applications.

Download a free and fully-functional version now: http://www.devexpress.com/Downloads/NET/

10 comment(s)
John01
John01

Would love to see it in XAF.

16 December, 2013
Ian Pook
Ian Pook

Great start but add client side programming (e.g. add a total value of stock held column = unit price x units in stock) and client side summaries (e.g. average unit price, total units in stock) and this would be truly awesome!!

17 December, 2013
Mehul Harry (DevExpress)
Mehul Harry (DevExpress)

Hi Ian,

Thanks for the feedback. The DevExpress ASP.NET GridView is a server-side control that has many client-side (and server-side) capabilities. Adding more client-side capabilities would not make it a client-side control. And there are other reasons too. However, there are other ways to solve the problem. Stay tuned and you'll see some interesting things from DevExpress in 2014. :)

17 December, 2013
Mehul Harry (DevExpress)
Mehul Harry (DevExpress)

Hi John,

I've passed your feedback onto the XAF team and I'm sure that this feature will make it's way into XAF in the future.

Thanks.

17 December, 2013
Tor K
Tor K

Great feature. Do you expect we'll see this in Treelist (MVC) soon?

Thanks!

28 February, 2014
Mehul Harry (DevExpress)
Mehul Harry (DevExpress)

Tor,

Thanks for the feedback. At the moment, no, we haven't planned to introduce it. There's been another similar question: www.devexpress.com/.../Q557868

I recommend that you create a suggestion and we'll keep an eye on it's popularity. :)

28 February, 2014
Edp
Edp

Hi,

as I understand, saving changes to a DevExpress MVC GridView is currently only possible by clicking the "Save changes" button. But what if I want to make my own button (and possibly hide the default "Save changes" button) that calls a javascript function which does a series of things and then triggers the grid update? Is that currently possible or will it be in the near future? Thanks!

3 September, 2014
Mehul Harry (DevExpress)
Mehul Harry (DevExpress)

Edp,

The DevExpress MVC GridView does have client-side api that you can take advantage of. Take a look at this ticket which discusses your scenario:

www.devexpress.com/.../T134597

Thanks.

3 September, 2014
Bernhard_Pichler
Bernhard_Pichler

Whenever I call save changes the grid is emtpy afterwards. But in my controller I give back data. What is the problem?

23 December, 2015
Mehul Harry (DevExpress)
Mehul Harry (DevExpress)

Hi Bernhard,

Please contact the DevExpress support team and they can help you: www.devexpress.com/.../Create

23 December, 2015

Please login or register to post comments.