Show Icon or Message while ejListBox loads items

Question

I'd like a loading icon for my ejListBox while it loads values from the database.

I need to refresh my ejListBoxquite often based on other selections on the form, and I'd like to be able to show a loading icon while it loads the values from the query.

I've tried to use an ejWaitingPopup but I'm not happy with the result because the popup isn't centered within the ejListBox

Arun Palaniyandi · Answer

Hi Jason, 
  
Thanks for contacting Syncfusion support. 
  
We have checked your scenario and hence we have provided a simple sample below for your reference. In his sample, we have loaded the waiting popup to the ListBox container so that it will be centered in the Listbox. Then after the ListBox gets updated with some values we have destroyed the waiting pop after some time. 
  
Demo : http://jsplayground.syncfusion.com/5xjakoc2 
  
If the provided information and sample does not meet your requirement or if we misunderstood your query, please get back to us with more information, so that it will help us to provide the solution at earliest. 
  
Regards, 
Arun P.

Jason Russell · Answer

Thanks Arun,Based on your example, it looks like you need to attach the ejWaitingPopup to the parent ejListBox container which is the step I was missing.$("#selectlist_container").ejWaitingPopup({text:"Loading Countries"});Thanks for your help

Arun Palaniyandi · Answer

Hi Jason, 
 
We are glad that our solution has resolved your issue. 
 
Please let us know if you have any queries in future. 
 
Regards, 
Arun P.