Show Progress bar or disable save button on batch update

2 posts, 1 answers
  1. Arun Kumar
    Arun Kumar avatar
    61 posts
    Member since:
    Nov 2009

    Posted 13 Jan 2013 Link to this post

    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.
  2. Answer
    Vladimir Iliev
    Vladimir Iliev avatar
    2196 posts

    Posted 15 Jan 2013 Link to this post

    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:

        .Events(e => e.SaveChanges("onSaveChanges"))
        .DataSource(dataSource => dataSource
            .Events(events => {

    function onSync(e) {
        kendo.ui.progress($("#Grid"), false);
    function onSaveChanges(e) {
        kendo.ui.progress($("#Grid"), true);
    Kind Regards,
    Vladimir Iliev
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top