extjs loadmask 总结_ext.loadmask-优快云博客

本文详细介绍了 Ext.LoadMask 的使用方法，包括直接应用于元素、与 Store 结合使用以及在 form 提交过程中的应用。提供了丰富的代码示例，帮助开发者更好地理解和使用此组件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

[c-sharp]view plaincopy 
   
 Ext.LoadMask用于在加载数据时为元素做出类似于遮罩的效果。  
 一、可以直接应用在元素上，如：  
 target 可以是：document.body、元素、DOM节点、id  
 var loadMarsk = new Ext.LoadMask(target, {  
     msg     : '正在删除数据，请稍候。。。。。。',  
     removeMask  : true// 完成后移除  
 });  
 loadMarsk .show();  //显示  
 loadMarsk .hide();  //隐藏  
 二、还可以和Ext.data.Store结合，可将效果与Store的加载达到同步，如：  
 var loadMarsk = new Ext.LoadMask(document.body, {  
     msg     : '数据处理中，请稍候。。。。。。',  
     disabled    : false,  
     store   : store  
 });  
 三、在form的submit方法中有waitMsg属性来达到上面的效果 ,如：  
 form.submit({  
      waitMsg : '正在提交数据...'  
      .....  
 实例代码：  
     //添加到body  
     var myMask = new Ext.LoadMask(Ext.getBody(), {msg:"Please wait..."});  
     myMask.show();  
     //添加到grid  
     var grid =  new Ext.grid.GridPanel({  
          cm     : myCm,  
          store  : myStore,  
          loadMask   : {  
         msg : '加载数据中，请稍候...'  
          }  
     });  