Sencha touch应用程序加载页面

I have a sencha touch application, but want to apply a loading mask to the entire app while the page is loading. (i.e. while the Javascript files etc are loading)

In ExtJS, I used to have a full sized div with a loading image, then as the first action of the "onReady" I used to fade that div out then remove it. Unfortunately, fadeOut() doesnt seem to be available in SenchaTouch

My app definition is as follows:

Ext.application({
    name: 'MyApp',

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

Any pointers would be appretiated

#0

You can make use of the Ext.LoadMask class. There is an example:

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

When you finish loading some Ajax requests or doing your task and to remove the mask, you can:

myMask.hide();

#1

Hey you can also try this below code while doing ajax request and loading data

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

                });

#2

Here is how I go about it:

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

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

推荐文章

如何声明一个带有空洞*指针的C++原型,以便它可以采取任何指针类型?

如何声明一个带有空洞*指针的C++原型,以便它可以采取任何指针类型?

推荐文章

导出SVG时,Cytoscape等价于graphviz URL/ref node attribute?

导出SVG时,Cytoscape等价于graphviz URL/ref node attribute?

推荐文章

获取电话状态

获取电话状态

推荐文章

如何在没有“实现LocationListener”的情况下使用LocationListener?

如何在没有“实现LocationListener”的情况下使用LocationListener?

推荐文章

亚马逊EC2自动缩放是如何工作的?

亚马逊EC2自动缩放是如何工作的?

推荐文章

Flash AS3:如何预防MouseEvent.鼠标离开当你把鼠标放在一个小精灵身上

Flash AS3:如何预防MouseEvent.鼠标离开当你把鼠标放在一个小精灵身上

推荐文章

在OS X 10.7 Lion中更改所有桌面上的墙纸?

在OS X 10.7 Lion中更改所有桌面上的墙纸?

推荐文章

在会话中存储链接?

在会话中存储链接?

推荐文章

在svg中添加新行,bug看不到该行

在svg中添加新行,bug看不到该行

推荐文章

Mysql服务器5 vs 6 vs MariaDB

Mysql服务器5 vs 6 vs MariaDB

推荐文章

IOS:状态栏问题

IOS:状态栏问题

推荐文章

Drupal两阶段提交

Drupal两阶段提交

推荐文章

在元组中保存函数而不执行

在元组中保存函数而不执行

推荐文章

带有更新的MYSQL查询问题

带有更新的MYSQL查询问题

推荐文章

用C解析HTML和计数标记#

用C解析HTML和计数标记#

推荐文章

在窗口中环绕扩展框架视图

在窗口中环绕扩展框架视图