All Components


    Grid / Batch editing


    A common scenario is to switch grid cells in edit mode by simply clicking them, update the data on the client and then process all changes on the server in a single batch update.

    This demo shows how this can be accomplished using the built-in batch create, update and destroy commands of the Telerik Grid component.

    All you have to do to enable the batch data editing functionality is to:

    • Turn on the inline cell editing by setting: .Editable(editable => editable.Mode(GridEditMode.InCell))
    • Enable the Add New Record, Save Changes and Discard Changes buttons on the toolbar by setting: .ToolBar(toolbar => { toolbar.Create(); toolbar.Save(); }
    • Set .Batch(true) and .ServerOperation(false) properties in the DataSource declaration to enable batch updates and perform the paging, sorting, filtering and grouping operations on the client.
    • Invoke the CRUD action methods in the DataSource

    Once the cells are edited you have the option to process the changes or discard them. Click on a cell/row to place it in edit mode. Use the Save changes or Cancel changes buttons to process/discard all changes at once.

    For more details about the batch editing capabilities of the MVC Grid see the help article here.

    ASP.NET MVC source

    Also available for:

    • editing.cshtml
    • EditingController.cs
    • ProductService.cs

    Support & learning resources

    Grid for other technologies