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

SASS Themes

    LESS Themes

      SASS Theme Builder

      Create new or customize SASS themes
      Launch Theme Builder

      Grid / Batch editing OData-v4

      Description

      A common scenario is to switch grid cells in edit mode by simply clicking on 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 for ASP.NET Core Grid.

      To enable the batch data editing functionality:

      • Turn on the in-cell editing by setting:.Editable(editable => editable.Mode(GridEditMode.InCell))
      • Add the Create, Cancel and SaveChanges buttons to the toolbar by setting: .ToolBar(toolbar => { toolbar.Create(); toolbar.Save(); }
      • To enable the Delete command on each row insert a new column: columns.Command(command => { command.Destroy(); });
      • 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.
      • Declare the Create, Read, Update and Destroy action methods in the DataSource. These methods are responsible for the data items manipulation.
      • Specify a unique field in the Model as the DataSource Model Id

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

      Check out the Kendo UI oData-v4 Service Repository

      More about theTelerik Grid for ASP.NET Core

      ASP.NET Core source

      Also available for:

      • odatav4.cshtml
      • OdataV4Controller.cs

      Support & learning resources

      Grid for other technologies