`
gongmingwind
  • 浏览: 588321 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

EXT中创建遮罩层的类LoadMask

    博客分类:
  • Ext
EXT 
阅读更多
一个简单的工具类,一般用来在加载数据时遮罩住元素。 如果指定了 store 配置选项,遮罩将自动与store的加载进程同步,并且遮罩元素将被缓存以复用。对于其它所有元素,当前遮罩将会替换元素Updater的加载提示器,并且在初始化加载之后销毁。
示例用法:

// Basic mask:
var myMask = new Ext.LoadMask(Ext.getBody(), {msg:"Please wait..."});
myMask.show();
分享到:
评论

相关推荐

    Ext3_MaskLayer:Ext遮罩层

    1. **创建遮罩层**:你可以为任何Ext组件,如`Ext.Panel`或`Ext.Window`,创建一个遮罩层。例如,`new Ext.LoadMask(Ext.getBody(), {msg:"正在处理,请稍候..."})`会为整个页面创建一个遮罩层,显示指定的提示信息...

    ExtJs的Ext.Ajax.request实现waitMsg等待提示效果

    Ext.LoadMask可以对指定的DOM元素显示一个半透明的遮罩层,并附带一条消息提示,用于显示加载状态。在这里,我们对Ext.getBody()这个返回当前文档主体DOM元素的方法返回的对象使用Ext.LoadMask,这样就会在整个页面...

    extjs mask load

    `mask`功能可以结合使用`Ext.LoadMask`类,这是一个独立的组件,可以附加到任何容器上,显示自定义的加载消息。使用`Ext.LoadMask`时,你可以设置消息文本,调整遮罩的样式,甚至控制是否显示进度条。 标签“源码”...

    Extjs的loading效果

    在ExtJS中,我们可以使用`Ext.LoadMask`类来创建一个全局或者局部的加载遮罩。加载遮罩会在指定元素上覆盖一层半透明的背景,并显示一个加载图标或文字。例如,我们可以为整个页面设置加载遮罩: ```javascript ...

    EXTGrid属性方法

    - **loadMask**: 加载数据时是否显示遮罩层,默认为`false`。 - **view**: 使用的视图,默认为`Ext.grid.GridView`。 - **viewConfig**: 视图配置选项,可以包含多个子配置项。 - **autoExpandMax**: 最大宽度,...

    treepanel实例

    - `loadMask`: 是否在加载数据时显示遮罩层,以提升用户体验。 3. **数据源与模型** Tree Panel的数据源通常是一个`TreeStore`,它扩展了Ext.data.Store,专门处理树形结构数据。每个节点对应一个模型(Model)...

    ExtJs TreePanel应用

    9. **loadMask**: 是否在加载数据时显示遮罩层,提供更好的用户体验。 TreePanel还支持多种事件,例如`itemclick`, `itemcontextmenu`, `beforeitemexpand`等,这些事件可以绑定回调函数以处理用户的交互行为。例如...

    汇总Extjs中GridPanel的各个属性与方法.doc.pdf

    9. **loadMask**: 数据加载时是否显示遮罩层,提供用户体验。 10. **view**: 指定表格的视图类型,通常为Ext.grid.GridView。 11. **viewConfig**: 视图的配置对象,可以调整视图的行为和样式。 12. **...

    Extjs4 GridPanel的主要配置参数详细介绍

    loadMask参数则决定在数据加载过程中是否显示遮罩层;view和viewConfig则提供了更多自定义表格视图的选项,比如设置最大高度、最小列宽和是否隐藏表头等。 对于GridPanel的方法,诸如getColumnModel、...

    ExtJS Grid使用SimpleStore、多选框的方法

    在这个实例中,我们设置了几个属性:renderTo指定了Grid渲染的位置,cm是列模型,sm是选择模型,store是之前创建的数据存储,loadMask设置为true表示加载数据时显示遮罩层。这里,"grid"是页面上已经存在的一个DOM...

Global site tag (gtag.js) - Google Analytics