loadMask

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.     }); 
   win.on('show',function(){ 
         win.getEl().mask('loading...'); 
         setTimeout(function(){ 
             win.getEl().unmask(); 
         },3000); 
       });