[Niyazi]

Hi,

I want to use Felgo AppActivityIndicator when my app downloads some data from Internet.

When my app starts its get some json data from internet using  Component.onCompleted: { }. After user needs new data he7she can activate  AppActivityIndicator icon to get new data. While is geting new data I need to activate AppActivityIndicator  animation and when download completse I need to stop the AppActivityIndicator  animation

How do I do that?  I couldn’t find any example for that. Any help please.

[AlexFelgo Team]

Hi,

the AppActivityIndicator has the methods startAnimating() and stopAnimating(). Depending on how you get your data, you can start the indicator when requesting your data and stop the indicator when you received your data?

For an xmlhttprequest this could look something like this:

function loadJsonData() {
     var xhr = new XMLHttpRequest
     xhr.onreadystatechange = function() {
       if (xhr.readyState === XMLHttpRequest.DONE) {
         var dataString = xhr.responseText
         app.jsonData = JSON.parse(dataString)
         indicator.stopAnimating()
       }
     }
     xhr.open("GET", "your-url")
     xhr.send()
     indicator.startAnimating()
   }

Cheers,
Alex

[Niyazi]

Thanx Alex, I will update my code.