我有一个sencha touch应用程序,但是想在页面加载时对整个应用程序应用加载掩码。 (即加载Javascript文件等时)
在ExtJS中,我曾经有一个带有加载图像的全尺寸div,然后作为“onReady”的第一个动作,我曾经淡化该div,然后将其删除。不幸的是,fadeOut()似乎在SenchaTouch
中不可用我的应用定义如下:
Ext.application({
name: 'MyApp',
launch: function() {
Ext.create('Ext.Panel', {
fullscreen: true,
html: 'Hello World'
});
}
});
任何指针都会被认定
答案 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;
}