zoukankan      html  css  js  c++  java
  • 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 : '正在提交数据...'  
         .....  

     原文:http://leeleo.iteye.com/blog/1622101

    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 : '加载数据中,请稍候...'  
             }  
        });  
  • 相关阅读:
    Angularjs-Forms(表单)
    Angularjs-filter(过滤器)
    Angularjs –– Expressions(表达式)
    Angular
    AngularJS
    AngularJS–Scope(作用域)
    AngularJS–service(服务)
    AngularJS--控制器(Controller)
    AngularJS指南文档
    Web 开发模式演变历史和趋势
  • 原文地址:https://www.cnblogs.com/azhqiang/p/4679388.html
Copyright © 2011-2022 走看看