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

This sample demonstrates CRUD operations in Grid. You can perform CRUD operations as follows,

Add - To add a new record, click the add toolbar button.
Edit - To edit record, double-click a cell.
Delete - To delete record, click the toolbar delete button after selecting a row.
Update and Cancel - Save or discard changes by clicking the toolbar update and cancel button respectively.

DEMO

SOURCE

Grid supports CRUD operations and they can be configured using editSettingsopens in a new tab. It has the following modes to manipulate the datasource.

Normal
Dialog
Batch

In this demo, the Batch mode is enabled for editing by defining the editSettings.mode opens in a new tab as batch. You can start editing by double clicking a cell and changing the cell value. The edited cell will be highlighted while navigating to a new cell. You can bulk save the edited data to the datasource by clicking the toolbar's update button or by externally invoking the batchSave opens in a new tab method.

More information on the batch editing can be found in this documentation sectionopens in a new tab.