Force display of loading image

[shimmorilParticipant]

Is there a way to force the Loading image to appear when the browser is rendering large amounts of data?

For example, if we have a situation where there are 30,000 records in the grid and the user chooses to sort on Last Name, it will obviously take a few seconds to render. Our concern is that since the user can’t see anything happening, they will continue to click on the grid while it is working.

[jqWizardParticipant]

I’m not sure if it’s possible to solve this with jqWidgets (maybe setting property async=true). I’m planning to implement the same functionality and on google I found these two links:
Show “Loading image” while page is loading
jQuery “Please Wait, Loading…” animation?

[shimmorilParticipant]

Thanks for the tip jqWizard. The async: true didn’t work – it allows the user to click grid options while the data is loading which is pretty much the opposite of what we need. The funny thing is there appears to be a loading icon when the grid is processing, it’s just hidden under the grid display itself. If you run a grid w/ 5 or less rows you should be able to see it peeking out from underneath. If there was a way to bring it to the front that would be perfect.

I took at look at your links, and the “Please wait” one is looking good for our situation. It would be nice if there was a way to do it right in the grid though, since the JQuery option locks out the whole page, and also triggers on some other AJAX calls we’re doing (which don’t need the loading icon).

[jqWizardParticipant]

I think you can lock out portions of a page and if you want to ignore some other AJAX calls you can set their property global to false (default is true). More here.

[shimmorilParticipant]

Can someone from the team confirm that the jqxGrid option loadui: ‘block’ is no longer available? I found reference to it on another site, and it seems from the description that I would do exactly what I need. Unfortunately adding it to my grid code didn’t make any difference.

loadui
This option controls what to do when an ajax operation is in progress.
disable – disables the jqGrid progress indicator. This way you can use your own indicator.
enable (default) – shows the text set in the loadtext property (default value is Loading…) in the center of the grid.
block – displays the text set in the loadtext property and blocks all actions in the grid until the ajax request completes. Note that this disables paging, sorting and all actions on toolbar, if any.

[Peter StoevKeymaster]

Hi shimmoril,

We never had such API in jqxGrid. I suppose that you’ve found something for a different Grid. We don’t have built-in API for forcing the Loading image to appear.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[shimmorilParticipant]

I suppose that’s what I get for trusting the internet. Thanks.

I’m sure you’ve gathered from my various threads, but having a way to enable/disabled the loader, or even have it appear automatically on paging/sorting/filtering would be amazing. Since we are potentially loading huge amounts of data we want to give the user feedback that something is actually happening, and prevent them from making more requests until the current one is finished.

[Peter StoevKeymaster]

Hi shimmoril,

We’ll add API for forcing the display of the Loading image in the upcoming release. The Loading Image is currently displayed only during the initial binding of the Grid when the data is loaded via Ajax.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[Author]

Posts