On sencha-touch-all-debug.js, find all object definition of Ext.device.* and remove it from the file.
Load the Ext.device.* separately, using dynamic loading scheme, as normal.
To create sencha-touch-all.js, you'll need to compress the sencha-touch-all-debug.js manually.
It should work without problems.
There are couple other typos in the file, "butons" instead of "buttons" and from placement of "" in one of the files. Otherwise, it works as advertised.
Originally Posted by bfg100k
erchan_2000, can you please advise how you got it working with dynamic loading enabled? I just tried your solution and I'm still getting a blank screen after the phonegap splash. FYI, i'm using PhoneGap 2.1 and Sencha Touch 2.1
line 13 : The correct syntax is -
config.callback.apply(config.scope, (config.buttons) ? [config.buttons[index - 1].toLowerCase()] : );
Take are careful inspection of the placement of '' around the 'toLowerCase()'.
If you don't fix this problem, you won't be able to properly see any native popups.
It would appear so. Removing Ext.device.* delarations from sencha-touch-all.js fixed absolutely all problems for me. I urge everyone to try it out, or perhaps for someone to work on a solution that delays loading until 'deviceready' event is detected by PhoneGap..