Ext.LoadMask遮罩的效果几种实现方式

本文详细介绍了如何使用Ext LoadMask组件在加载数据时为元素提供遮罩效果,并与Ext.data.Store结合使用以实现数据加载过程中的同步遮罩效果。包括基本用法、参数设置以及与Store加载数据的集成方式。

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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值