[英]Sencha touch application loading mask
我有一个sencha touch应用程序,但是想在页面加载时对整个应用程序应用加载掩码。 (即在加载Javascript文件等时)
在ExtJS中,我曾经有一个带有加载图像的全尺寸div,然后作为“onReady”的第一个动作,我曾经淡化该div,然后将其删除。 不幸的是,fadeOut()似乎在SenchaTouch中不可用
我的应用程序定义如下:
Ext.application({
name: 'MyApp',
launch: function() {
Ext.create('Ext.Panel', {
fullscreen: true,
html: 'Hello World'
});
}
});
任何指针都会被认可
您可以使用Ext.LoadMask类。 有一个例子:
var myMask = new Ext.LoadMask(Ext.getBody(), {msg:"Please wait..."});
myMask.show();
当您完成加载某些Ajax请求或执行任务并删除掩码时,您可以:
myMask.hide();
嘿,您也可以在执行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(){
});
我是这样做的:
Ext.getBody().mask().addCls('black-background');
.black-background {
opacity: 1;
background: black;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.