原创 

关于ExtJS中的mask和unmask 遮罩层

分类:    3467人阅读    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();

支付宝打赏 微信打赏

如果文章对你有帮助,欢迎点击上方按钮打赏作者

 工具推荐 更多»