So zeigen Sie den Ladebildschirm im Browser mit Sencha Touch 2 an

Question

Haftungsausschluss: Ich weiß, wie man einen Startbildschirm auf mobilen Geräten erstellt.

Kann ein Ladebildschirm für eine Sencha Touch 2-Anwendung angezeigt werden, wenn über den Browser darauf zugegriffen wird?

Wenn ja, geben Sie bitte ein kurzes, funktionierendes Beispiel. Proof-of-Concept-App, Gist, Quelle, Sie wissen.

Ich spreche über etwas wie das Sencha Docs Ladebildschirm:

Answer 1

yourContainer.setMasked({ 
    xtype: 'loadmask', 
    message: 'Loading...' 
}); 

fügen Sie dann einen Timer

setTimeout(function() { 
    // code to be executed when loading 
    // Unmask the container 
    form.setMasked(false); 
}, 5000); 

Answer 2

Sie eine Ladeanzeige auf Ihre index.html hinzufügen . Stellen Sie sicher, dass es schnell geladen wird, damit der Benutzer sofort weiß, dass etwas passiert.

<div id="appLoadingIndicator"></div> 

Sobald die App startet

// Destroy the #appLoadingIndicator element 
Ext.fly('appLoadingIndicator').destroy(); 

nennen dies für Sie im Falle getan wird Sie use Sencha Cmd to generate new applications.

Schauen Sie sich auch diese smooth CSS3 indicators für Inspiration.