New to Telerik UI for ASP.NET MVC? Download free 30-day trial

Trigger SaveChanges outside the Grid


Product Version 2021.3.1109
Product Telerik UI for ASP.NET MVC Grid


How can I save the changes in the Grid by using an outside button?


  1. Add an event handler for the Click event of the external button.
  2. Get a reference to the Grid.
  3. Use the client-side saveChanges method.
        .Columns(columns => {
            columns.Bound(p => p.ProductName);
            columns.Bound(p => p.UnitPrice).Width(140);
            columns.Bound(p => p.UnitsInStock).Width(140);
            columns.Bound(p => p.Discontinued).Width(100);
            columns.Command(command => command.Destroy()).Width(150);
        .ToolBar(toolbar => {
        .Editable(editable => editable.Mode(GridEditMode.InCell))
        .Events(events => events.Sort("onSort"))
        .DataSource(dataSource => dataSource
            .Events(events => events.Error("error_handler"))
            .Model(model => model.Id(p => p.ProductID))
            .Create("Editing_Create", "Grid")
            .Read("Editing_Read", "Grid")
            .Update("Editing_Update", "Grid")
            .Destroy("Editing_Destroy", "Grid")
      .Content("Save changes")
    function onClickHandler() {
        var grid = $("#grid").data("kendoGrid");

For more information on how to implement the suggested approach, refer to the following Telerik REPL example.

In this article