Trigger loading/wait indicator

1 Answer 4499 Views
Grid
Brian Vallelunga
Top achievements
Rank 1
Brian Vallelunga asked on 30 Jan 2012, 06:20 PM
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.

1 Answer, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 31 Jan 2012, 09:45 AM
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!
Brian Vallelunga
Top achievements
Rank 1
commented on 01 Feb 2012, 01:41 AM

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.
Dimo
Telerik team
commented on 01 Feb 2012, 08:46 AM

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!
Oren
Top achievements
Rank 1
commented on 06 Aug 2014, 03:26 PM

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.
Dimo
Telerik team
commented on 07 Aug 2014, 10:44 AM

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!
 
Thomas
Top achievements
Rank 1
commented on 31 Jan 2021, 02:58 AM

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.
Dimo
Telerik team
commented on 01 Feb 2021, 07:25 AM

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/.

Tags
Grid
Asked by
Brian Vallelunga
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Share this question
or