关于ext中loadMask的用法
2012-12-25 16:08
267 查看
Ext.LoadMask(遮罩效果)的用法
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();} //加载完成后
}
});
相关文章推荐
- 关于Extjs--- Ext.onReady()的用法
- 关于Extjs--- Ext.onReady()的用法
- 关于Extjs--- Ext.onReady()的用法
- Ext.LoadMask(遮罩效果)的用法
- Ext.LoadMask(遮罩效果)的用法
- 关于Ext.data.ArrayStore的用法
- 关于typedef的用法总结
- 关于Spread打印的一些属性用法__页眉页脚的使用
- python中关于raw_input()和input()的用法小结
- 关于swap的用法
- python中关于时间用法
- 关于Python的super用法研究
- Ext 关于initConponent
- 关于MERGE 的用法
- C++中关于 引用 的用法
- asp.net中关于《%=》《%#》《%》 的用法——(转帖)
- 关于分享公共库ShareSDK的用法
- asp.net中关于<% %>、<%= %>的用法总结 .
- 关于static用法详细解释
- 关于ext属性anchor的说明