[Expand]General Information
[Expand]WinForms Controls
[Collapse]ASP.NET Controls and MVC Extensions
 [Expand]Prerequisites
 [Expand]What's Installed
 [Expand]Common Concepts
 [Collapse]ASP.NET WebForms Controls
   Getting Started
  [Expand]Grid View
  [Expand]Tree List
  [Collapse]Card View
   [Expand]Product Information
    Getting Started
   [Expand]Fundamentals
   [Collapse]Concepts
    [Expand]Binding to Data
    [Expand]Data Representation Basics
    [Expand]Focus and Navigation
    [Collapse]Data Editing
      Edit Form
      Adding and Deleting Cards
      Card Validation and Error Indication
      Edit Form Validation (Templates)
      Processing Custom Callbacks
      Batch Edit Mode
    [Expand]Data Shaping and Manipulation
    [Expand]Data Formatting
     Appearance Customization
     Adaptivity
     Save and Restore Layout
    [Expand]Templates
    [Expand]Export
     Toolbars
   [Expand]Visual Elements
   [Expand]Member Tables
   [Expand]Examples
  [Expand]Reporting
  [Expand]Chart Control
  [Expand]Pivot Grid
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]Scheduler
  [Expand]Site Navigation and Layout
  [Expand]HTML Editor
  [Expand]Gauges
  [Expand]Vertical Grid
  [Expand]Data Editors
  [Expand]Docking and Popups
  [Expand]File Management
  [Expand]Data and Image Navigation
  [Expand]Multi-Use Site Controls
  [Expand]Spell Checker
  [Expand]Query Builder
 [Expand]ASP.NET MVC Extensions
 [Expand]Localization
 [Expand]Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Reporting
[Expand]Report and Dashboard Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]CodeRush
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

Batch Edit Mode

The ASPxCardView control allows you to modify a batch of grid data on the client side and send it to the server in a single request. All user changes are maintained on the client side until the Save changes button is clicked, or all changes are cancelled by clicking the Cancel changes button. To enable the batch editing functionality, set the ASPxCardViewEditingSettings.Mode property to Batch.

In this mode, the grid data contained in a page can be edited using in-line editors. The CardViewBatchEditSettings.EditMode property allows you to specify which control element (data cell or card) is used to edit data.

To prevent an end-user from editing column cells, set the column's GridColumnEditFormSettings.Visible property to false. In this case, column cells cannot be switched to edit mode. When an end-user navigates through cells using the TAB key, column cells are skipped.

Note

Since data modification is performed on the client side in batch edit mode, the server-side ASPxCardView.StartEdit and ASPxCardView.AddNewCard methods are not in effect. Additionally, the client-side ASPxClientCardView.AddNewCard method does not perform a callback.

If a grid contains modified data, it displays a "confirm" message before a grid callback or postback is performed. You can customize the message text using the ASPxGridTextSettings.ConfirmOnLosingBatchChanges property, or you can disable it by setting the GridBatchEditSettings.ShowConfirmOnLosingChanges property to false.

Note

Since card selection is based on row keys, and the newly created cards do not exist in the grid (have no row keys), newly created cards cannot be selected until they are saved. That's why select check boxes of newly created cards are disabled until they are saved.

Expanded Batch Edit Mode Events

In batch edit mode, you can use the ASPxClientCardView.BatchEditStartEditing and ASPxClientCardView.BatchEditEndEditing events to perform custom actions when grid editing starts and ends, respectively.

Expanded Appearance Customization

You can customize visual presentation of modified data items using the following properties.

The card view stores the Update and Cancel buttons within its status bar. Use the status bar's style settings to control these buttons appearance.

The following code snippets illustrate how to hide the Update and Cancel buttons.

  • Using the ASPxGridSettings.ShowStatusBar property.

  • Modifying the card view's dxcvStatusBar CSS class.

Expanded Batch Edit Mode Limitations

Expanded Code Examples

Expanded See Also

Is this topic helpful?​​​​​​​