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

(2)对组件实例操作

new Ext.form.FormPanel({id:'form',……}); 
Ext.getCmp("form").getEl().mask("数据重新加载中,请稍等"); 
Ext.getCmp("form").getEl().unmask();

2015年05月09日补充:

还是觉得用下面这个对Store操作比较靠谱:

var loadMask = new Ext.LoadMask(semiAutoRCGrid, {
	msg:'数据加载中,请稍等……',
	store:semiAutoRCStore
});

参考资料:

1. 关于ExtJS中的mask和unmask

本文标题:ExtJS学习之mask和unmask

本文链接:http://yedward.net/?id=290

本文版权归作者所有,欢迎转载,转载请以文字链接的形式注明文章出处。

相关文章