Сенча сенсорная маска загрузки приложения

Question

У меня есть приложение sencha touch, но я хочу применить маску загрузки ко всему приложению во время загрузки страницы.(то есть, пока загружаются файлы Javascript и т. д.)

В ExtJS у меня был полноразмерный div с загрузочным изображением, тогда как первое действие «onReady» я использовал для затемнения этого divубери это.К сожалению, fadeOut (), по-видимому, недоступен в SenchaTouch

Мое определение приложения выглядит следующим образом:

Ext.application({
    name: 'MyApp',

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

Любые указатели будут оценены

Answer 1

Вы можете использовать класс Ext.LoadMask.Вот пример:

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

Когда вы закончите загружать некоторые запросы Ajax или выполнять свою задачу и снять маску, вы можете:

myMask.hide();

Answer 2

Эй, вы также можете попробовать этот код ниже при выполнении ajax-запроса и загрузки данных

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(){         

                });

Answer 3

Вот как я это делаю:

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

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