extjs loadmask 这招效果小结代码实例

最新推荐文章于 2021-08-05 19:07:58 发布

nailwl

最新推荐文章于 2021-08-05 19:07:58 发布

阅读量7.5k

点赞数 1

CC 4.0 BY-SA版权

文章标签： extjs php

本文链接：https://blog.youkuaiyun.com/nailwl/article/details/5709922

本文介绍了Ext.LoadMask组件的应用方式，包括直接应用于元素上、与数据存储器Store结合使用及在表单提交过程中的应用。提供了详细的代码示例，帮助读者理解如何在不同场景下实现加载遮罩效果。

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

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 : '加载数据中，请稍候...' } });

-----------------------------------------------------------------------

小小程序员|PHP学习交流 www.xiaophper.com