ExtJS遮罩层Ext.loadMask

 

一、可以直接应用在元素上，如：  

 

var loadMarsk = new Ext.LoadMask(target, {  
	msg:'正在处理数据，请稍候......',  
	removeMask:true // 完成后移除  
}); 

loadMarsk.show();  //显示  
loadMarsk.hide();  //隐藏  

 target 可以是：document.body、元素、DOM节点、id  

 

 二、还可以和Ext.data.Store结合，可将效果与Store的加载达到同步，如：

 

var loadMarsk = new Ext.LoadMask(document.body, {
	msg:'数据处理中，请稍候......',  
	disabled:false,  
	store:store
});
store.addListener('beforeload',function(){loadMarsk.show();});

 

三、在form的submit方法中有waitMsg属性来达到上面的效果 ,如： 

 

form.submit({  
	waitMsg : '正在提交数据...'  
	 .....