BatchEditing

  • Material 3
  • Bootstrap 5
  • Fluent 2
  • Tailwind CSS
  • Fluent 2 High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Theme Mode
Localization
*Translated by Google Translator.
Currency

Example of Batch Editing in ASP.NET Core Data Grid Control

This sample demonstrates the batch editing capabilities of the Grid, allowing users to perform multiple CRUD operations and save them to the data source in a single action. It showcases efficient data editing with bulk update and undo/redo support.

DEMO
SOURCE

Batch mode is enabled by setting editSettings.mode to Batch. The Grid also supports undo and redo functionality in this mode, enabling users to reverse or reapply changes during an editing session. This feature is enabled by setting editSettings.enableUndoRedo to true and include the Undo and Redo items in the toolbar.

With Batch editing, bulk data changes can be made efficiently. Editing begins by double‑clicking a cell and modifying its value. The edited cell is highlighted when moving to another cell, making changes easy to track. All modifications remain local until they are explicitly saved.The modified records are saved to the data source by clicking the toolbar’s “Update” button, which performs a bulk save operation.

Injecting Module:

Features of the Grid component are organized into individual, feature-specific modules. To use the editing and toolbar functionality, inject the required modules using Grid.Inject(Edit, Toolbar).

More information on the batch editing can be found in this documentation section.

Looking for the full ASP.NET Core Data Grid component overview, features, pricing, and documentation? Visit our ASP.NET Core Data Grid component page.

Transform your ASP.NET Core web apps today with Syncfusion® ASP.NET Core components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab