原创  关于ExtJS中的mask和unmask 遮罩层

分类: 2015-07-26T14:03:00    2925人阅读   
为了在发起某一事件后,阻止用户对界面的进行操作,可以使用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();