Sencha触摸应用程序加载掩码

时间:2011-10-13 05:53:26

标签: javascript sencha-touch

我有一个sencha touch应用程序,但是想在页面加载时对整个应用程序应用加载掩码。 (即加载Javascript文件等时)

在ExtJS中,我曾经有一个带有加载图像的全尺寸div,然后作为“onReady”的第一个动作,我曾经淡化该div,然后将其删除。不幸的是,fadeOut()似乎在SenchaTouch

中不可用

我的应用定义如下:

Ext.application({
    name: 'MyApp',

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

任何指针都会被认定

3 个答案:

答案 0 :(得分:4)

您可以使用Ext.LoadMask类。有一个例子:

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

当您完成加载某些Ajax请求或执行任务并删除掩码时,您可以:

myMask.hide();

答案 1 :(得分: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(){         

                });

答案 2 :(得分:0)

以下是我的观点:

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

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