Change Theme Settings
Change Theme Settings
Themes
 
Metropolis
Moderno
iOS
Material
Material Compact
Office 365
Mulberry
Show All Themes
v
...v

Batch Editing and Updating

v
v
NewDelete
Product Name: 
Category Name: 
Quantity Per Unit: 
Unit Price: 
Units In Stock: 
Discontinued:
NewDelete
Product Name:Chai
Category Name:Beverages
Quantity Per Unit:10 boxes x 20 bags
Unit Price:$18.00
Units In Stock:39
Discontinued:
NewDelete
Product Name:Chang
Category Name:Beverages
Quantity Per Unit:24 - 12 oz bottles
Unit Price:$19.00
Units In Stock:17
Discontinued:
NewDelete
Product Name:Aniseed Syrup
Category Name:Condiments
Quantity Per Unit:12 - 550 ml bottles
Unit Price:$10.00
Units In Stock:13
Discontinued:
NewDelete
Product Name:Chef Anton's Cajun Seasoning
Category Name:Condiments
Quantity Per Unit:48 - 6 oz jars
Unit Price:$22.00
Units In Stock:53
Discontinued:
NewDelete
Product Name:Chef Anton's Gumbo Mix
Category Name:Condiments
Quantity Per Unit:36 boxes
Unit Price:$21.35
Units In Stock:0
Discontinued:
NewDelete
Product Name:Grandma's Boysenberry Spread
Category Name:Condiments
Quantity Per Unit:12 - 8 oz jars
Unit Price:$25.00
Units In Stock:120
Discontinued:
Page 1 of 13 (77 items)Prev1234567111213Next
Save changesCancel changes


The DevExpress ASP.NET MVC Card View provides the ability to modify a batch of data on the client side and send it to the server in one request.

To enable the batch editing functionality set the SettingsEditing.Mode property to Batch. In this mode the data contained in a page can be edited using in-line editors. The modified cells are colored in green. Deleted cards are highlighted with gray and display the 'Recover' command item. To hide the deleted cards from the view, set the SettingsEditing.BatchEditSettings.HighlightDeletedCards property to false. 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 CardView contains modified data, it displays a confirm message before a callback is performed.

In this demo, use the Edit type combo box to specify the control element used to edit the data: cell or card. The 'Start Edit Action' combo box allows you to specify the action (click, double click, or focused cell click) that should be used to begin editing CardView data.

The CardView validates user-input on the client-side based on the data annotation attributes of your Model. This approach is also called unobtrusive client validation. To enable the unobtrusive validation, the partial View with the CardView extension is placed inside the HTML <form> element (rendered using the Html.BeginForm helper). The Partial View with the CardView extension contains two helpers that enable the unobtrusive client validation: Html.EnableClientValidation and Html.EnableUnobtrusiveJavaScript. An error is displayed next to the individual data editors.