Ext.LoadMask遮罩的效果几种实现方式
2011-10-13 14:35
816 查看
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 : '正在提交数据...'
.....
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.LoadMask遮罩的效果几种实现方式
- Ext.LoadMask遮罩的效果几种实现方式
- android中实现文本加线等效果的几种实现方式
- ext实现遮罩效果
- Ext.LoadMask(遮罩效果)的用法
- Android初学习 - 分别以Java code和XML两种方式给FrameLayout布局的Activity增加一个遮罩效果的实现
- 前端页面中几种 倒计时效果的实现方式_DATE对象
- android开发步步为营之51:弹出窗及遮罩层的几种实现方式
- 用js给div绑定事件,实现点击切换效果的几种方式总结
- 网页瀑布流效果实现的几种方式
- js方式实现页面加遮罩效果
- 网页瀑布流效果实现的几种方式
- 弹窗遮罩的几种实现方式
- 网页瀑布流效果实现的几种方式
- Androidlistview 的侧滑删除仿的QQ效果的几种实现方式
- <Unity3D UGUI>用UGUI方式实现图片的遮罩,圆角图片,圆形图片效果
- Ext.LoadMask(遮罩效果)的用法
- Android 文本滚动效果的几种实现方式(一)
- 购物车的几种实现方式
- 详解实现Android中实现View滑动的几种方式