Loading not showing

2 posts, 1 answers
  1. Alban
    Alban avatar
    1 posts
    Member since:
    Oct 2014

    Posted 05 May 2017 Link to this post

    Hi,

    I am using a dropDownList to show some values in order to filter results on a grid.

    I have use the 'change' event to see when the grid must be updated

    $('#view-mode-selector').kendoDropDownList({
    change: onModeSelectorChange
    });

     

    in the method onModeSelectorChange I am trying to show the progress bar with

    kendo.ui.progress($("#grid), true);

    and at the end of the method when all is done I have

    kendo.ui.progress($("#grid), false);

    But the data loads and I do not see the progress bar.

    If I remove the last statement (the 'false' one) I can see the progress bar, but it never disappears.
    If I debug, It appears and disappears when the data is ready.

    It is not an issue of the data loading too fast, sometimes the data takes 5 seconds to be ready.
    The data is already in the browser, I am just showing or hiding columns.

    Kendo version v2016.2.714

    Thanks

  2. Answer
    Dimitar
    Admin
    Dimitar avatar
    683 posts

    Posted 09 May 2017 Link to this post

    Hello Alban,

    On the following Dojo example you will find a working example of a Kendo DropDownList, which uses the change event to dynamically replace the DataSource of a Kendo Grid. You will notice that I have toggled the loader immediately after the change event of the DropDownList is triggered. The important part here is that in order to properly hide the spinner, I have used the dataBound event of the Grid. This way you guarantee that the timing of the toggle function will be correct.

    Regards,
    Dimitar
    Telerik by Progress
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top