R2 2018 Release is here – now with modern UI for chatbots and more! See what’s new!
All Components
Theme

SASS Themes (beta)

    LESS Themes

      SASS Theme Builder

      Create new or customize SASS themes
      Launch Theme Builder

      Grid / Batch editing

      Description

      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