Sencha Touch non in fase di inizializzazione

Question

MY sencha touch funziona perfettamente in tutti i browser, tuttavia quando salvi l'url sulla schermata principale dell'iPad. Non verrà caricato e mostra solo una schermata vuota. Non ricevo errori JS e non viene visualizzato nulla durante il debug. Heres un campione della app:

script type="text/javascript"> 
    var rootPanel; 
    if (navigator.userAgent.match(/iPad/i)) { 
     viewport = document.querySelector("meta[name=viewport]"); 
     viewport.setAttribute('content', 'width=980'); 
    } 
    Ext.application({ 
     launch: function() { 



      var contactForm = Ext.create('Ext.form.FormPanel', { 
       standardSubmit: true, 
       fullscreen: true, 
       items: [{ 
        xtype: 'titlebar', 
        title: 'My App', 
        docked: 'top' 
       }, { 
        xtype: 'fieldset', 
        items: [{ 
         xtype: 'textfield', 
         name: 'LoginName', 
         label: 'Login Name:' 
        }, { 
         xtype: 'passwordfield', 
         name: 'Password', 
         label: 'Password:' 
        }, 
        { 
         xtype: 'hiddenfield', 
         name: 'ReturnUrl', 
         value: '/returnUser.html' 
        }] // items 
       }, { 
        xtype: 'toolbar', 
        layout: { 
         pack: 'center' 
        }, // layout 
        ui: 'plain', 
        items: [{ 
         xtype: 'button', 
         text: 'Reset', 
         ui: 'decline', 
         handler: function (btn, evt) { 
          Ext.Msg.confirm('', 'Are you sure you want to reset this form?', function (btn) { 
           if (btn === 'yes') { 
            contactForm.setValues({ 
             LoginName: '', 
             Password: '' 
            }); // contactForm() 
           } // switch 
          }); // confirm() 
         } 
        }, { 
         xtype: 'button', 
         text: 'Submit', 
         ui: 'confirm', 
         handler: function (btn, evt) { 
          var values = contactForm.getValues(); 

          contactForm.submit({ 
           url: 'Login', 
           method: 'POST', 
           waitTitle: 'Connecting', 
           waitMsg: 'Sending data...', 
           success: function (form, result) { 
            Ext.Msg.alert('Login succeeded!', result.response.reason); 
           }, 
           failure: function (form, result) { 
            Ext.Msg.alert('Login Failed!', result.response.reason); 
           } 
          }); 

         } // handler 
        }] // items (toolbar) 
       }] // items (formpanel) 
      }); // create() 
     } // launch 
    }); // application() 


    $(document).ready(function() { 

    }); 

ho messo un avviso nel metodo lancio di Ext.Application ma non li dimostra. Quando inserisco un avviso nella funzione document.ready, viene visualizzato. Dovrei anche notarlo DO funziona sul browser ipad, non solo quando lanciato dall'icona sulla schermata iniziale.

Answer 1

Sembra essere la versione di Sencha stavo usando che era 2.1.0 credo, non appena ho aggiornato alla più recente (2.1.1 Build Date 2013-02-05 12:25:50) Funziono bene.

Answer 2

ho affrontato un problema simile in Android effettivamente nel mio caso il problema era a causa di Ext.Loader non abilitato vedo che non l'hai incluso. Includere questo script prima Ext.application & vedere se funziona

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

Ext.application({...});