Writing this down if someone else have a similar problem.
Problem:
On a low end mobile phone (Samsung GT-S5660, Android 2.3) an app I developed didn't start completely. The Tab Panel showed but all the views didn't contained any data. The app wasn't completely initialized.
Solution:
In my understanding this low end mobile phone couldn't handle all initialization at the same time. I had to wait until all the stores had completed loading all data, before all views where displayed.
Example code:
Code:
launch: function() {
allStores = this.getStores();
var loadTimer = setInterval(function(){
for (var i in allStores) {
if (allStores[i].loaded !== true) { return; }
}
clearInterval(loadTimer);
launchTheApp();
}, 50);
function launchTheApp() {
// Destroy the #appLoadingIndicator element
Ext.fly('appLoadingIndicator').destroy();
Ext.Viewport.add(Ext.create('Ext.TabPanel', {
tabBarPosition: 'bottom',
items: [
{
xclass: 'App.view.Card1'
},
{
xclass: 'App.view.Card2'
},
{
xclass: 'App.view.Card3'
}
]
}));
}
}