原创 

关于ExtJS中的mask和unmask 遮罩层

分类:    3124人阅读    IT小君  2015-07-26 14:03
为了在发起某一事件后,阻止用户对界面的进行操作,可以使用ExtJS提供的针对Ext.Element的mask和unmask 

例如: 

1、对整个body操作 

function reLoadData(){
   Ext.getBody().mask("数据重新加载中,请稍等"); 

   var requestConfig = {
	url : \'#\',//url可以根据需要设置
	callback : function(options, success, response){
		var msg = ["", , "n", "", response.responseText];
		Ext.MessageBox.alert(\'提示\', msg.join(\'\'));
		Ext.getBody().unmask();//去除MASK
	}
   }

   Ext.Ajax.request(requestConfig);
}

2、对组件实例操作 

new Ext.form.FormPanel({id:\'form\',……}); 
Ext.getCmp("form").getEl().mask("数据重新加载中,请稍等"); 
Ext.getCmp("form").getEl().unmask();

点击广告,支持我们为你提供更好的服务

css鼠标跟随文字模糊特效

html5 canvas进度条圆环图表统计动画特效

中小型创意设计服务公司网站模板

html5图标下拉搜索框自动匹配代码

html5 svg夜空中星星流星动画场景特效

响应式咖啡饮品宣传网站模板

jQuery右端悬浮带返回顶部特效

有机水果蔬菜HTML5网站模板

js+css3抽奖转盘旋转点餐代码

小众时尚单品在线电子商务网站模板

HTML5 Canvas竖直流动线条背景动画特效

css+js实现的颜色渐变数字时钟动画特效

HTML5现代家居装潢公司网站模板

响应式时尚单品在线商城网站模板

canvas炫酷鼠标移动文字粒子特效

HTML5数字产品服务公司网站模板

响应式太阳能能源公司网站模板

现代时尚家具公司网站模板

网页设计开发公司网站模板

html5 canvas彩色碎片组合球形旋转动画特效

点击广告,支持我们为你提供更好的服务
 工具推荐 更多»
点击广告,支持我们为你提供更好的服务