关于ExtJS中的mask和unmask

ExtJS界面锁定技巧

最新推荐文章于 2017-05-02 10:53:33 发布

最新推荐文章于 2017-05-02 10:53:33 发布 · 309 阅读

文章标签：

#EXT #Ajax

Ext JS 专栏收录该内容

20 篇文章

订阅专栏

本文介绍了如何使用ExtJS的mask和unmask方法来实现在执行特定任务期间锁定用户界面的操作，通过具体的代码示例展示了对整个body或者特定组件实例进行锁定的方法。

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