本文介绍如何使用Extjs中的LoadMask组件实现页面加载时的遮罩效果。通过创建LoadMask实例，并设置显示消息及是否移除遮罩，结合Ajax请求成功或失败后的遮罩隐藏操作。
Extjs的LoadMask的应用
LoadMask, 注意 show和hide两个函数的调用. 在api文档中没有给出来..第一个参数是某元素的id值,
当加载的时候, id的元素变成灰色的不可用状态.
var mk = new Ext.LoadMask(tree.id, {
msg: '正在更新数据，请稍候！',
removeMask: true //完成后移除
});
mk.show(); //显示
Ext.Ajax.request({
url: 'roleAction.evi', // 发送get请求.
method: 'GET',
success: function() {
mk.hide(); //关闭
},
failure: function() { mk.hide(); }
});
当加载的时候, id的元素变成灰色的不可用状态.
var mk = new Ext.LoadMask(tree.id, {
msg: '正在更新数据，请稍候！',
removeMask: true //完成后移除
});
mk.show(); //显示
Ext.Ajax.request({
url: 'roleAction.evi', // 发送get请求.
method: 'GET',
success: function() {
mk.hide(); //关闭
},
failure: function() { mk.hide(); }
});
扫一扫
119
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
