Trigger loading/wait indicator

8 posts, 0 answers
  1. Brian Vallelunga
    Brian Vallelunga avatar
    103 posts
    Member since:
    May 2008

    Posted 30 Jan 2012 Link to this post

    Is there a way to trigger the loading/wait indicator on a grid? I'm doing some of my own ajax calls from dropdowns and would like to notify the user that something is happening momentarily.
  2. Dimo
    Admin
    Dimo avatar
    8485 posts

    Posted 31 Jan 2012 Link to this post

    Hello Brian,

    Yes, you can do manually the same thing that the Grid does on its own while executing a data request:

    1. When initiating the request, use

    $('<div class="k-loading-mask" style="width: 100%; height: 100%; top: 0px; left: 0px;"><span class="k-loading-text">Loading...</span><div class="k-loading-image"></div><div class="k-loading-color"></div></div>').appendTo('#YourGridID .k-grid-content');

    2. Use the dataBound event of the Grid to remove the loading panel with jQuery.

    Regards,
    Dimo
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Brian Vallelunga
    Brian Vallelunga avatar
    103 posts
    Member since:
    May 2008

    Posted 31 Jan 2012 Link to this post

    Thanks, that will work for now. Any chance you'll add this feature to the grid with a simple method call? It seems like something that would be very useful.
  4. Dimo
    Admin
    Dimo avatar
    8485 posts

    Posted 01 Feb 2012 Link to this post

    Hi Brian,

    I am afraid currently we do not have plans to expose such a method, but this may change in the future, depending on customer feedback.

    Regards,
    Dimo
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  5. Oren
    Oren avatar
    5 posts
    Member since:
    May 2014

    Posted 06 Aug 2014 in reply to Dimo Link to this post

    Hi...
    1. "Use the dataBound event of the Grid to remove the loading panel with jQuery."
          What is the best way to remove it please?

    2. It work for me just when I code it like:
    ".....appendTo('#YourGridID');"
    (without the .k-grid-content) 
    Do I miss something.

    thanks in advance.
  6. Dimo
    Admin
    Dimo avatar
    8485 posts

    Posted 07 Aug 2014 Link to this post

    Hi Oren,

    The information in this forum thread is outdated. Now you can use a public API method for showing and hiding a loading indicator over any element on the page.

    http://docs.telerik.com/kendo-ui/api/web/ui#methods-progress

    Regards,
    Dimo
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  7. Thomas
    Thomas avatar
    4 posts
    Member since:
    Mar 2013

    Posted 30 Jan in reply to Dimo Link to this post

    These types of requests seems like they should be core features. When adding a custom toolbar action, it seems natural that'd you want to show the loading overlay for certain operations.
  8. Dimo
    Admin
    Dimo avatar
    8485 posts

    Posted 01 Feb Link to this post

    Hello Thomas,

    Thanks for sharing your feedback and point of view.

    I agree that a specific public API method for the Grid may provide additional convenience when performing data operations outside the context of the Grid dataSource instance (I assume this is your use case?). Currently, the Kendo UI loading indicator is controlled by a single line of code and the demand for a Grid-specific method is low. Nevertheless, we are monitoring this thread.

    Regards,
    Dimo
    Progress Telerik

    Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Back to Top