Brian Vallelunga
Top achievements
Rank 1
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
0
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
2. Use the dataBound event of the Grid to remove the loading panel with jQuery.
Regards,
Dimo
the Telerik team
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
commented on 01 Feb 2012, 01:41 AM
Top achievements
Rank 1
Rank 1
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
commented on 01 Feb 2012, 08:46 AM
Telerik team
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
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
commented on 06 Aug 2014, 03:26 PM
Top achievements
Rank 1
Rank 1
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.
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
commented on 07 Aug 2014, 10:44 AM
Telerik team
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
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
commented on 31 Jan 2021, 02:58 AM
Top achievements
Rank 1
Rank 1
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
commented on 01 Feb 2021, 07:25 AM
Telerik team
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/.