Ext.LoadMask bleibt im hintergrund der laden-panel

Ich versuche zu zeigen, einen be-Maske während der Benutzer wartet, bis der Systemsteuerung angezeigt werden.

Nutze ich Ext.LoadMask wie :

loadingMask = new Ext.LoadMask(Ext.getBody(), {msg:"Loading..."});

loadingMask.show();
panel = new MyPanel();
panel .show();

und im panel-afterrender 

this.listeners = {
        afterrender: function () {
        loadingMask.hide();
        }
}

Aber kein laden der Maske wird angezeigt, bis panel kommt und wenn ich in der Nähe panel sehe ich die laden-Maske.

Ich denke, das bedeutet, mein laden-Maske im hintergrund läuft, also kann ich es nicht sehen.

Gibt es Lösung, die Sie wissen, für dieses Problem ? Dies scheint wie ein layer-problem denke ich.

Wie kann ich machen das be-Maske angezeigt, auf der Oberseite und im panel-afterrender verstecken?

Danke.

InformationsquelleAutor | 2011-07-27
  1. 3

    Ich denke du suchst so etwas:

     Ext.onReady(function(){
            var loadingMask = new Ext.LoadMask(Ext.getBody(), {
                msg: "Loading..."
            });

            loadingMask.show();
            var panel = new Ext.Panel({
                renderTo: 'div1',
                width: 100,
                height: 100,
                title: 'MyPanel',
                listeners: {
                    afterrender: function(){
                        loadingMask.hide();
                    }
                }
            });         

        });

    Ich habe den renderTo config-option zu sagen, Ext, wo erstellen Sie das panel auf der Seite. Abgesehen von ein paar Rechtschreib Fehler in deinem Beispiel, ich denke, das Hauptproblem ist, dass Ihr afterrender-handler nicht gefeuert, weil Sie nicht befestigen Sie es Ihren panel-Objekt. Weisen Sie es als Teil Ihrer config-Optionen. Weisen Sie Ihre afterrender-handler zu "diesem" das könnte durchaus möglich sein, die top-level-window-Objekt in deinem Beispiel.

    • Danke Steve für deine Antwort.Eigentlich bin ich keine divs, die in meiner app.Ich habe verschiedene Platten angezeigt, auf den index.html-Code.Ich zeige und zerstören oder verstecken, jeder.Ich denke, vielleicht brauche ich einige call-back-Mechanismus um zu prüfen, ob panel gerendert wird oder etwas und verstecken laden-Maske?
    • Ich bin ein bisschen verwirrt hier. Werden Sie sagen, dass das afterrender-Ereignis nicht auslösen, wenn Sie als Teil der config? Das afterrender-Ereignis ist tatsächlich ein Rückruf.
    InformationsquelleAutor Steve Mc
  2. 1

    Könnte dies für Sie arbeiten:

    Hinzufügen, laden-Maske

    Ext.getBody().mask('Loading...', 'x-mask-loading', false);

    Entfernen, laden-Maske

    Ext.getBody().unmask();
    • Dank Paul ist es nicht genau das, was ich suchte, aber ziemlich einfache Möglichkeit zum ein-und ausblenden der Maske.Ich benutze entlarven, in beforedestroy der Systemsteuerung.
    InformationsquelleAutor Paul Godfrey
  3. 1

    Legte ich MyPanel s show " - Funktion in delayedtask.
    Dann legte ich die entlarven Umsetzung in beforedestroy Hörer von MyPanel.
    Sollte es einen callback-Mechanismus für diese LoadMask, was ich denke.
    Wenn ich Karte nach dem einen und anderen Ebenen Durcheinander geraten.

    • bitte geben Sie den code, der nützlich ist,
    InformationsquelleAutor
Schreibe einen Kommentar