关于ExtJS中的mask和unmask

为了在发起某一事件后，阻止用户对界面的进行操作，可以使用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);
}

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