extjs loadmask 总结

[c-sharp]  view plain copy

1. Ext.LoadMask用于在加载数据时为元素做出类似于遮罩的效果。  
2. 一、可以直接应用在元素上，如：  
3. target 可以是：document.body、元素、DOM节点、id  
4. var loadMarsk = new Ext.LoadMask(target, {  
5.     msg     : '正在删除数据，请稍候。。。。。。',  
6.     removeMask  : true// 完成后移除  
7. });  
8. loadMarsk .show();  //显示  
9. loadMarsk .hide();  //隐藏  
10. 二、还可以和Ext.data.Store结合，可将效果与Store的加载达到同步，如：  
11. var loadMarsk = new Ext.LoadMask(document.body, {  
12.     msg     : '数据处理中，请稍候。。。。。。',  
13.     disabled    : false,  
14.     store   : store  
15. });  
16. 三、在form的submit方法中有waitMsg属性来达到上面的效果 ,如：  
17. form.submit({  
18.      waitMsg : '正在提交数据...'  
19.      .....  
20. 实例代码：  
21.     //添加到body  
22.     var myMask = new Ext.LoadMask(Ext.getBody(), {msg:"Please wait..."});  
23.     myMask.show();  
24.     //添加到grid  
25.     var grid =  new Ext.grid.GridPanel({  
26.          cm     : myCm,  
27.          store  : myStore,  
28.          loadMask   : {  
29.         msg : '加载数据中，请稍候...'  
30.          }  
31.     });  

 转自：http://blog.csdn.net/nailwl/article/details/5709922