为了在发起某一事件后,阻止用户对界面的进行操作,可以使用ExtJS提供的针对Ext.Element的mask和unmask
例如:
1、对整个body操作
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();