您的位置:首页 > 其它

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 : '正在提交数据...'

.....
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: