Sencha touch le chargement de l'application du masque

J'ai un sencha touch application, mais que vous souhaitez appliquer un chargement de masque à l'ensemble de l'application pendant le chargement de la page. (c'est à dire tout les fichiers Javascript etc sont de chargement)

Dans ExtJS, j'ai l'habitude d'avoir une pleine taille des div avec un chargement de l'image, alors que la première action de la "onReady" j'ai utilisé à s'estomper au div puis les retirer. Malheureusement, fadeOut() ne semble pas être disponible dans SenchaTouch

Mon app définition est la suivante:

Ext.application({
    name: 'MyApp',

    launch: function() {
        Ext.create('Ext.Panel', {
            fullscreen: true,
            html: 'Hello World'
        });
    }
});

Tous les pointeurs serait appretiated

OriginalL'auteur neolaser | 2011-10-13

  1. 4

    Vous pouvez faire usage de l'Ext.LoadMask classe. Il est un exemple:

    var myMask = new Ext.LoadMask(Ext.getBody(), {msg:"Please wait..."});
myMask.show();

    Quand vous avez fini le chargement de certaines requêtes Ajax ou de faire votre tâche et pour enlever le masque, vous pouvez:

    myMask.hide();
    Merci pour la réponse. Je cherchais à avoir un chargement masque avant le .js fichiers sont chargés. Dans ExtJS j'ai l'habitude de mettre juste un plein écran div in et fade, il lorsque l'application est prête. Mais fadeOut() ne semble pas fonctionner...

    OriginalL'auteur Abdel Raoof

  2. 2

    Hey, vous pouvez également essayer ce code ci-dessous tout en faisant une requête ajax et le chargement de données

    var mask = new Ext.LoadMask(Ext.getBody(), {msg:"wait msg..."});                


                Ext.Ajax.on('beforerequest', function(){        

                        mask.show();
                });


                Ext.Ajax.on('requestcomplete', function(){      

                        mask.hide();
                });             


                Ext.Ajax.on('requestexception', function(){         

                });

    OriginalL'auteur npanigrahy

  3. 0

    Ici est de savoir comment m'y prendre:

    Ext.getBody().mask().addCls('black-background');

.black-background {
  opacity: 1;
  background: black;
}

    OriginalL'auteur Tyler K