关于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. }  


2、对组件实例操作
new Ext.form.FormPanel({id:'form',……});
Ext.getCmp("form").getEl().mask("数据重新加载中,请稍等");
Ext.getCmp("form").getEl().unmask();
posted @ 2011-12-09 15:43  hannover  阅读(15348)  评论(0编辑  收藏  举报