EXT ExtJs LoadMask相关的遮罩效果
来源:互联网 发布:温州动车事故 知乎 编辑:程序博客网 时间:2024/04/30 13:26
Ext.onReady(function() {
var a = Ext.MessageBox.wait('content', 'title');
(function() {
a.hide()
}).defer(3000); //隐藏延迟,可简化为 a.hide.defer(3000,a);
var mask = new Ext.LoadMask(Ext.getBody(), {
msg : 'please waiting ... ',
removeMask : true
});
mask.show();//使用 mask 需手动调用show() 方法下
(function() {
mask.hide();
}).defer(4000);
});
---------------------------------------------
var t=0;
function progress(){
t=0;
var msgbox=Ext.Msg.progress("请稍候","保存数据","正在保存数据, 请稍候。。。。。。");//显示等待对话框
updateProgress();
}
function updateProgress(){ //更新进度条
t+=0.2;
Ext.Msg.updateProgress(t);
if(t>1)
Ext.Msg.hide();
else
updateProgress.defer(700);
}
progress();
------------------------------------------------------
var mask = new Ext.LoadMask("ID", {
msg : '正在加载...'
});
mask.show();
borrowhistory_store.load({
params : {
webname : "all",
start : 0,
limit : borrowhistory_pageTool.pageSize
}
});
borrowhistory_store.on("load", function() {
mask.hide();
})
Ext.LoadMask用于在加载数据时为元素做出类似于遮罩的效果。可以直接应用在元素上,如:
var loadMarsk = new Ext.LoadMask(document.body//元素、DOM节点或id, {
msg : '正在删除数据,请稍候。。。。。。',
removeMask : true// 完成后移除
});
loadMarsk .show(); //显示
然后在处理完成的方法中loadMarsk .hide();
还可以和Ext.data.Store结合,可将效果与Store的加载达到同步,如:
var loadMarsk = new Ext.LoadMask(document.body, {
msg : '数据处理中!',
disabled : false,
store : store
});
在form的submit方法中有waitMsg属性来达到上面的效果 ,如:
form.submit({
waitMsg : '正在提交数据...'
var a = Ext.MessageBox.wait('content', 'title');
(function() {
a.hide()
}).defer(3000); //隐藏延迟,可简化为 a.hide.defer(3000,a);
var mask = new Ext.LoadMask(Ext.getBody(), {
msg : 'please waiting ... ',
removeMask : true
});
mask.show();//使用 mask 需手动调用show() 方法下
(function() {
mask.hide();
}).defer(4000);
});
---------------------------------------------
var t=0;
function progress(){
t=0;
var msgbox=Ext.Msg.progress("请稍候","保存数据","正在保存数据, 请稍候。。。。。。");//显示等待对话框
updateProgress();
}
function updateProgress(){ //更新进度条
t+=0.2;
Ext.Msg.updateProgress(t);
if(t>1)
Ext.Msg.hide();
else
updateProgress.defer(700);
}
progress();
------------------------------------------------------
var mask = new Ext.LoadMask("ID", {
msg : '正在加载...'
});
mask.show();
borrowhistory_store.load({
params : {
webname : "all",
start : 0,
limit : borrowhistory_pageTool.pageSize
}
});
borrowhistory_store.on("load", function() {
mask.hide();
})
Ext.LoadMask用于在加载数据时为元素做出类似于遮罩的效果。可以直接应用在元素上,如:
var loadMarsk = new Ext.LoadMask(document.body//元素、DOM节点或id, {
msg : '正在删除数据,请稍候。。。。。。',
removeMask : true// 完成后移除
});
loadMarsk .show(); //显示
然后在处理完成的方法中loadMarsk .hide();
还可以和Ext.data.Store结合,可将效果与Store的加载达到同步,如:
var loadMarsk = new Ext.LoadMask(document.body, {
msg : '数据处理中!',
disabled : false,
store : store
});
在form的submit方法中有waitMsg属性来达到上面的效果 ,如:
form.submit({
waitMsg : '正在提交数据...'
- EXT ExtJs LoadMask相关的遮罩效果
- ExtJs LoadMask相关的遮罩效果
- Ext.LoadMask(遮罩效果)的用法
- Ext.LoadMask(遮罩效果)的用法
- Ext.LoadMask遮罩的效果几种实现方式
- EXTJS中使用遮罩效果LoadMask
- Extjs的LoadMask的应用
- extjs的LoadMask的应用
- Ext.LoadMask
- Ext.LoadMask
- Extjs LoadMask
- EXT中创建遮罩层的类LoadMask
- 关于ext中loadMask的用法
- extjs loadmask 这招效果 小结 代码 实例
- js EXT : loadMask : true
- EXTJS的遮罩效果
- EXTJS的遮罩效果
- extjs loadmask使用
- 对2009最好的告别
- 学会使用bash脚本_友善之臂脚本分析
- 在Qt中使用OpenCV库
- Qt中的QString与char*的转换
- Opencv中如何实现图像截取
- EXT ExtJs LoadMask相关的遮罩效果
- opencv中图像缩放
- 图像增强中的灰度拓展
- 图像增强中的灰度拓展
- Coinitialize
- matlab中的图像二值化、形态学操作、边缘查找
- 攻克雅思听力
- Matlab中交互式IO操作
- 30+ 强大的Buddypress主题–开始您的社区站点吧