Loading animation?

[Xac]

There seems to be a loading animation packaged with the code, and some references to a loading indicator in the code, but I've not seen this working. In both the online example and my implementation, I've not been able to get a loading indicator working.

[VinylFox]

Yeah, the loading indicator is hiding itself when the scroller moves and I'm not sure why.

[Premier]

So, how we can have loading indicator?

[navarr]

Is it possible to get the loading indicator working? We'd like to use it for our project, so... yeah.

Right now, I've managed to get it working through two separate ways.. One: I rendered the damn thing and found out it was hiding behind everything, because the stuff scrolls back into place, so I put an invisible div as the first item in the list and used .show() and .hide() and Two: i made the page have to loop through so much data the animation of the list back up to its starting point freezes and it shows up.

The first one might be the way it needs to be implemented into this plugin (I couldn't figure out how to use the one built into sencha.. its not as easy as this).. but its problem is that when Two happens everything is now double away. So maybe it has to scroll the list up and then show the div.. but that feels hacky.. Maybe the list could be pushed down using a CSS transform and then placed back properly? (Essentially forcing a negative scroll?)

[j-mcnally]

I just use a loadMask on the view.

[VinylFox]

@navarr put your fix in a gist so I can take a look

[navarr]

@VinylFox I'm using this code in App.js: https://gist.github.com/1389974
And these are my modifications to the PullToRefresh code: https://github.com/navarr/Ext.ux.touch.ListPullRefresh/commit/db87298f35c95ca117cb253b22ac6b19649baea1