Sencha Touch 2 + PhoneGap are not working on Android 4

[donkie]

Use this patch, works fine for me.

https://github.com/apache/incubator-.../files#diff-12

[Jaganlal]

@shanesmith: YOU ARE THE MAN. YOU MADE IT WORK THANKS
Also thanks to luiscortes

[ahcnse]

ST2 .0
Android 4.0.3 / Nexus S.
No phonegap - using "sencha app build native" to deploy to device
ST2 Examples app: TouchStyle.

The app runs OK in the mobile web browser,
but the native Android app, on Emulator or Nexus S,
does not display the categories on the Main screen.
The categories are loaded from the categories.json file.

I've added the work around to index.html, but there is an error in the console

Uncaught TypeError: Cannot call method 'setDisableCaching' of undefined

      <script>
        // Fix for problem  with android 3.x and 4.x which is
        // the browser has a problem with urls with ? and this
        // bug has not been fixed by google.  See:
        // http://code.google.com/p/android/issues/detail?id=17535 or
        // http://www.sencha.com/forum/showthread.php?162322-Sencha-Touch-2-PhoneGap-are-not-working-on-Android-4/page3&highlight=Loader
        //
        
        Ext.Loader.setConfig({ disableCaching: false });
        Ext.Ajax.setDisableCaching(false);    
    </script>

[Jaganlal]

@ahcnse i think its something to do with your sench-touch.js file, can you try including sencha-touch-all.js and check?
btw, here is my index.html file

  <script type="text/javascript" charset="utf-8" src="phonegap-1.4.1.js"></script>
  <script type="text/javascript" src="sencha/sencha-touch-all.js"></script>
  <script>

            // Fix for problem  with android 3.x and 4.x which is
            // the browser has a problem with urls with ? and this
            // bug has not been fixed by google.  See:
            // http://code.google.com/p/android/issues/detail?id=17535 or
            // http://www.sencha.com/forum/showthread.php?162322-Sencha-Touch-2-PhoneGap-are-not-working-on-Android-4/page3&highlight=Loader
            //
            
            Ext.Loader.setConfig({ disableCaching: false });
            Ext.Ajax.setDisableCaching(false);    
   </script>

  <script type="text/javascript" src="app.js"></script>

[osnem2]

I had the same error so

1. At my app.js first line i added:
Ext.Loader.setConfig({ disableCaching: false });

2. Inside launch function added the second line
Ext.application({
....
launch: function() {
Ext.Ajax.setDisableCaching(false);
.....
}

3. At the proxy that request the local file set the properties
noCache: false, enablePagingParams: false,

Now the requets is OK.

@shanesmith thanks

ST2 .0
Android 4.0.3 / Nexus S.
No phonegap - using "sencha app build native" to deploy to device
ST2 Examples app: TouchStyle.

The app runs OK in the mobile web browser,
but the native Android app, on Emulator or Nexus S,
does not display the categories on the Main screen.
The categories are loaded from the categories.json file.

I've added the work around to index.html, but there is an error in the console

Uncaught TypeError: Cannot call method 'setDisableCaching' of undefined

      <script>
        // Fix for problem  with android 3.x and 4.x which is
        // the browser has a problem with urls with ? and this
        // bug has not been fixed by google.  See:
        // http://code.google.com/p/android/issues/detail?id=17535 or
        // http://www.sencha.com/forum/showthread.php?162322-Sencha-Touch-2-PhoneGap-are-not-working-on-Android-4/page3&highlight=Loader
        //
        
        Ext.Loader.setConfig({ disableCaching: false });
        Ext.Ajax.setDisableCaching(false);    
    </script>

[andygrant]

This is an Android isse, not Sencha. But I think there should be very prominently placed info about this on the Sencha website. It is ridiculous how many people are affected by this, and how little so very little info is made available.

[arindam.hit]

I am also facing the same issue. it is working fine Android 2.2 and 2.3 But when i am running in Android 4.0 simulator or Samsung 4.0 devices, it is showing white screen. Here is my index.html code :

<!DOCTYPE html>

<!-- Auto Generated with Sencha Architect -->
<!-- Modifications to this file will be overwritten. -->
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Sharepic</title>
    <script type="text/javascript" id="phonegap" src="cordova-1.8.1.js"></script>
     <script type="text/javascript" src="barcodescanner.js"></script>
    <script src="sencha-touch-all.js" type="text/javascript"></script> 
    <link href="sencha-touch.css" rel="stylesheet" type="text/css" /> 
    <script type="text/javascript" src="app/app.js"></script>
    <script type="text/javascript">
        if (!Ext.browser.is.WebKit) {
            alert("The current browser is unsupported.\n\nSupported browsers:\n" +
                "Google Chrome\n" +
                "Apple Safari\n" +
                "Mobile Safari (iOS)\n" +
                "Android Browser\n" +
                "BlackBerry Browser"
            );
        }
    </script>
</head>
<body></body>
</html>

[andygrant]

Hey Arindam,

If you add the below code at the top of that script block in your hrml file, it should work. Worked for me.

Ext.Loader.setConfig({
enabled: true,
disableCaching: false
});

Ext.Ajax.setDisableCaching(false);

[arindam.hit]

Yes, it works for me..I tested in simulator..till now not in device..

[Monti123]

Can you explain a little on how to use it?