关于ExtJS中的mask和unmask

为了在发起某一事件后，阻止用户对界面的进行操作，可以使用ExtJS提供的针对Ext.Element的mask和unmask

例如：
1、对整个body操作

Java代码  

1. function reLoadData(){   
2.    Ext.getBody().mask("数据重新加载中，请稍等");    
3.   
4.    var requestConfig = {   
5.     url : '#',//url可以根据需要设置   
6.     callback : function(options, success, response){   
7.         var msg = ["", , "\n", "", response.responseText];   
8.         Ext.MessageBox.alert('提示', msg.join(''));   
9.         Ext.getBody().unmask();//去除MASK   
10.     }   
11.    }   
12.   
13.    Ext.Ajax.request(requestConfig);   
14. }  

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();

转载于:https://www.cnblogs.com/hannover/archive/2011/12/09/2282320.html