Show Progress bar or disable save button on batch update

[Arun Kumar]

I want to show progress bar or disable save button in the toolbar while batch update. How do I do that ?
I am using KendoUI MVC grid.

[Vladimir Iliev]

Hi Arun,

 
Basically you can use the SaveChanges event of the Grid to start the progress animation and stop it when the Sync event of the DataSource is fired (after all request are complete) which will disable all buttons on the grid. Please check the example below:

@(Html.Kendo().Grid<Kendo.Mvc.Examples.Models.ProductViewModel>()
    .Name("Grid")
    ...
    .Events(e => e.SaveChanges("onSaveChanges"))
    .DataSource(dataSource => dataSource
        .Ajax()
        .Batch(false)
        .ServerOperation(false)
        .Events(events => {
            events.Sync("onSync");
        })

function onSync(e) {
    kendo.ui.progress($("#Grid"), false);
}

function onSaveChanges(e) {
    kendo.ui.progress($("#Grid"), true);
}

Kind Regards,
Vladimir Iliev
the Telerik team