Ext.LoadMask(遮罩效果)的用法
2013-01-30 15:58
176 查看
原文地址:http://hi.baidu.com/zionking/item/fe7e6835df1622df6c15e961
Ext.LoadMask用于在加载数据时为元素做出类似于遮罩的效果,可以直接应用在元素上,如
var loadMarsk = newExt.LoadMask(document.body//元素、DOM节点或id,
{
msg : '正在删除数据,请稍候。。。。。。',
removeMask :true// 完成后移除
});
在数据加载之前调用loadMarsk .show(); //显示
数据加载完毕时调用 loadMarsk .hide();
还可以和Ext.data.Store结合,可将效果与Store的加载达到同步,如:
var store1 = newExt.data.Store({...})
var loadMarsk = newExt.LoadMask(document.body, {
msg : 'Loading...',
disabled : false,
store : store1
});
panel中使用:
var panel1 = new Ext.Panel({});
var loading = newExt.LoadMask(Ext.get(panel1.getEl()),
{
msg : 'Loading...',
removeMask :true// 完成后移除
});
在异步加载树中可以在其listeners中使用:
var loading = null;
tree = new Ext.tree.TreePanel({
...
listeners: {
'beforeload': function(){
loading = new Ext.LoadMask(Ext.get(this.getEl()),{
msg : 'Loading...',
removeMask : true// 完成后移除
});
loading.show();
},//加载前
'load':function(){loading.hide();} //加载完成后
}
});
Ext.LoadMask用于在加载数据时为元素做出类似于遮罩的效果,可以直接应用在元素上,如
var loadMarsk = newExt.LoadMask(document.body//元素、DOM节点或id,
{
msg : '正在删除数据,请稍候。。。。。。',
removeMask :true// 完成后移除
});
在数据加载之前调用loadMarsk .show(); //显示
数据加载完毕时调用 loadMarsk .hide();
还可以和Ext.data.Store结合,可将效果与Store的加载达到同步,如:
var store1 = newExt.data.Store({...})
var loadMarsk = newExt.LoadMask(document.body, {
msg : 'Loading...',
disabled : false,
store : store1
});
panel中使用:
var panel1 = new Ext.Panel({});
var loading = newExt.LoadMask(Ext.get(panel1.getEl()),
{
msg : 'Loading...',
removeMask :true// 完成后移除
});
在异步加载树中可以在其listeners中使用:
var loading = null;
tree = new Ext.tree.TreePanel({
...
listeners: {
'beforeload': function(){
loading = new Ext.LoadMask(Ext.get(this.getEl()),{
msg : 'Loading...',
removeMask : true// 完成后移除
});
loading.show();
},//加载前
'load':function(){loading.hide();} //加载完成后
}
});
相关文章推荐
- Ext.LoadMask(遮罩效果)的用法
- Ext.LoadMask遮罩的效果几种实现方式
- Ext.LoadMask遮罩的效果几种实现方式
- Ext.LoadMask遮罩的效果几种实现方式
- Ext.js的window添加遮罩效果
- 关于ext中loadMask的用法
- EXTJS中使用遮罩效果LoadMask
- Ext JS中Ext.grid.Panel或Ext.data.Store中遮罩效果去除
- EXT ExtJs LoadMask相关的遮罩效果
- ExtJs LoadMask相关的遮罩效果
- Ext界面下做图片动态加载的图片放大镜效果并解决IE6下遮罩mask无法遮盖HTML的select控件问题
- ext实现遮罩效果
- Ext.Net学习笔记22:Ext.Net Tree 用法详解
- Smarty变量的用法及效果
- ext例子代码和效果
- EL表达式的param用法与二级分类展开收缩效果
- 学习笔记3--CSS制作鼠标放上后淡入透明遮罩层效果
- 用CALayer.Mask(遮罩)实现iphone图标的水晶立体效果
- 弹出遮罩层后禁止滚动效果【实现代码】
- css图片遮罩蒙板 全局斜线网格覆盖效果