loadmask in sencha touch2

Ich anwenden möchten, laden-Maske in der Seite ansehen. beim starten der Anwendung, einige Seiten anzeigen brauchen Zeit, um Daten zu laden, später wird es anzeigen, also, wenn Ihr Zeit braucht um zu laden, in dieser Zeit will ich zeigen, laden-Maske, die Benutzer mit Meldungen wie "loading....". aus einige Beispiel-ich habe das auf laden-Maske, aber es zeigt, dass die Nachricht jedes mal, wenn ich getroffen, dass Seite. das ist schlecht Weg, weil hier das einstellen der Zeit. muss ich anwenden, laden-Maske wie dieser, wenn keine Daten, die es anzeigen sollte, der Last-Maske, die dem Benutzer, bis die Seite bekommen die Daten. bitte alle mir einer helfen. wie das zu erreichen ist eine

Mein code ist hier: auf controller-Ebene bin ich unter der id laden-Maske und Einstellung der Eigenschaft, wie unten gezeigt-code

onCompanyPageLoad: function () {
    var loader = Ext.getCmp('mask');        
    loader.setMessage("Loading...");
    loader.setIndicator(true);
    loader.setTransparent(false);      
    loader.show();        
    setTimeout(function () {            
        loader.hide();
    }, 1000);
}
InformationsquelleAutor Ramesh Lamani | 2012-06-25
  1. 17

    Die Antwort von user978790 ist die formale Weise zu zeigen und zu verbergen, eine Maske laden in Sencha Touch 2.

    Wenn Sie können nicht damit es funktioniert, ist es sehr wahrscheinlich, dass Sie etwas tun wie:

    Ext.Viewport.setMasked({xtype:'loadmask',message:'your custom loadmask'});
... then do something here
Ext.Viewport.setMasked(false);

    Beachten Sie, dass Javascript ist asynchron, so dass es NICHT machen Sie sicher, dass die code-Zeilen ausgeführt, in der genannten Reihenfolge. Dann gibt es eine Möglichkeit, daß Sencha Touch initialisiert Ihre laden-Maske und zerstört es, dann rechts. Um zu verwenden, laden-Maske korrekt:

    1. Initialisieren der laden-Maske wie oben.
    2. Setzen die Ext.Viewport.setMasked(false); im Besondere Funktionen, die sichergestellt werden gestartet, nach dem laden der Maske Initialisierung, zB. event-handler, oder der Erfolg Funktion Ihres JSONP - /AJAX-request.
    • danke...jetzt ist es gut funktioniert..
    InformationsquelleAutor Thiem Nguyen
  2. 7

    Mach ich es folgender Weise:

    Ext.Viewport.setMasked({xtype:'loadmask',message:'your custom loadmask'});

    Dann können Sie 

    Ext.Viewport.setMasked(false);

    Zum beenden der Anzeige ein laden der Maske
    Dies funktioniert auch auf Komponenten, wenn Sie nur wollen, um zu zeigen, eine Maske auf einen Blick

    • thanq für Ihre Antwort..ich habe deinen code nicht zeigen loadmask...
    • Können Sie nach den genauen code haben Sie versucht? Dies sollte in jedem Fall setzt es einen laden der Maske auf dem gesamten viewport.
    InformationsquelleAutor Rickert
  3. 0

    Nur entfernen Sie alle diese.Ich habe nette Idee, wie das zu verwenden loader.Zuerst auf der Haupt-html-Seite fügen Sie einfach loader

    <div id="loader"></div>//add id#loader with background loading image

    nachdem Ihre Webseite geladen ist nur add-on-Controller Ext.get('loader').destroy();//wenn du Seite voll laden, dann wird es laden Sie Ihr laden div

    • ..ich habe definieren-id als Lader in der Seite ansehen. am controller habe ich CompanyProfileViewInitialize-Funktion am Ende diese Funktion ich habe diesen code Ext.get('loader').destroy();. mit dieser Funktion Holen Sie die Daten und initialisieren Seite.. aber hier bin ich nicht in der Lage, c-d laden-Maske. nichts falsch in meiner Art und Weise zu tun..
    InformationsquelleAutor Arpit Srivastava
Schreibe einen Kommentar