博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Ext.LoadMask遮罩的效果几种实现方式
阅读量:6814 次
发布时间:2019-06-26

本文共 780 字,大约阅读时间需要 2 分钟。

var mask = new Ext.LoadMask("ID", {

     msg : '正在加载...'
     });
     mask.show();
    borrowhistory_store.load({
                params : {
                    webname : "all",
                    start : 0,
                    limit : borrowhistory_pageTool.pageSize
                }
            });
     borrowhistory_store.on("load", function() {
     mask.hide();
     })

 

Ext.LoadMask用于在加载数据时为元素做出类似于遮罩的效果。可以直接应用在元素上,如:

 var loadMarsk = new Ext.LoadMask(document.body//元素、DOM节点或id, {

     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 : '正在提交数据...'

     .....

本文转自左正博客园博客,原文链接:http://www.cnblogs.com/soundcode/archive/2011/10/13/2210272.html,如需转载请自行联系原作者

你可能感兴趣的文章
总结:串和数组的学习
查看>>
Canvas + JavaScript 制作图片粒子效果
查看>>
去你妈的瑞星
查看>>
开发人员学Linux(5):CentOS7编译安装Nginx并搭建Tomcat负载均衡环境
查看>>
需求之辩
查看>>
Virtual Machine Manager 2012 R2创建SQL 配置文件
查看>>
容灾备份的7个等级
查看>>
疯狂ios讲义疯狂连载之实现游戏视图控制器
查看>>
虚拟机XP系统---扩展磁盘空间
查看>>
Windows 10 MSDN官方原版ISO镜像(简体中文)下载
查看>>
大数据与CT,IT的关系?
查看>>
利用腾讯企业邮箱zabbix3.x邮件告警详细配置(微信/QQ/短信通知)
查看>>
软件自动化测试框架
查看>>
Centos7系列(七)逻辑卷详解
查看>>
Kafka笔记整理(三):消费形式验证与性能测试
查看>>
RHCE 学习笔记(19) 进程的优先级
查看>>
GET*** 测试
查看>>
Kvm之Lvm存储测试
查看>>
智能&大数据时代,架构师思维的十个学习步骤(优化版)
查看>>
nginx + uwsgi + Django 应用部署
查看>>