Sencha Touch 2.x with Phonegap/Cordova 2.0
Has anyone had any success on getting Sencha Touch 2.X to work with the latest cordova release? I've been able to get sencha touch 2.x to work with prior versions of cordova, but for some reason the same methods don't seem to be working with cordova 2.0. It appears that adding any graphical elements to the viewport from the sencha code are not executing. Any help/suggestions?
Code Sample (relevant parts only):
index.html:
Code:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name = "format-detection" content = "telephone=no"/>
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width;" />
<link rel="stylesheet" type="text/css" href="css/index.css" />
<title>Hello Cordova</title>
<script type="text/javascript" src="cordova-2.0.0.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript">
document.addEventListener("deviceready", app.mainLaunch, false);
</script>
<script type="text/javascript">
app.initialize();
</script>
<script id="microloader" type="text/javascript" src="sdk/microloader/development.js"></script>
</head>
app.js (All Debug Statements are printed):
Code:
launch: function() {
console.log('Debug 1');
this.launched = true;
console.log('Debug 2');
this.mainLaunch();
},
mainLaunch: function () {
if (Ext.os.is.Desktop) {
device = true;
}
console.log('Debug 3');
if(!device || !this.launched) {
console.log ("Not Ready");
return;
}
console.log('Debug 4');
// Destroy the #appLoadingIndicator element
Ext.fly('appLoadingIndicator').destroy();
// Initialize the main view
console.log('Debug 5);
Ext.Viewport.add(Ext.create('AppName.view.ViewName'));
console.log('Debug 6);
},
