`

ExtJs遮罩层

 
阅读更多

一般用于执行请求时的提示和禁用其他功能 

var loadmask=new Ext.LoadMask(Ext.getCmp('wrwpfDbGrid'),{

             msg:'Creating File...'

         })

创建遮罩层实例

params[0]:所遮罩的组件对象

params[1]:遮罩的opt,msg表示提示文字

请求时loadmask.show(),弹出遮罩

success回调时loadmask.hide()隐藏遮罩

 

分享到:
评论

相关推荐

    Ext3_MaskLayer:Ext遮罩层

    Ext3_MaskLayer是基于JavaScript库ExtJS 3.x版本的一个组件,主要用于在网页界面上创建可自定义的遮罩层。遮罩层通常用于在页面执行耗时操作(如加载数据、弹出对话框)时,防止用户与背景内容交互,提供更好的用户...

    Extjs的loading效果

    加载遮罩会在指定元素上覆盖一层半透明的背景,并显示一个加载图标或文字。例如,我们可以为整个页面设置加载遮罩: ```javascript var mask = new Ext.LoadMask(Ext.getBody(), {msg:"正在加载..."}); mask....

    JQuery 遮罩层实现(mask)实现代码

    在 ExtJS 框架中,`mask()` 和 `unmask()` 方法用于在指定元素上添加和移除遮罩层,但引入整个 ExtJS 库可能会导致文件体积过大,对于只需要遮罩功能的情况显得不太划算。因此,我们可以使用 jQuery 来编写轻量级的...

    extjs mask load

    标题“extjs mask load”指的是ExtJS框架中的一个特定功能,即在数据加载或处理过程中显示遮罩(mask)来指示用户操作正在进行中。在Web应用程序中,这通常用于提升用户体验,防止用户在数据更新期间进行其他交互,...

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

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

    Extjs中文教程

    - 还可以设置遮罩层、关闭按钮等功能。 - **实现Window的最小化功能** - 通过自定义按钮或工具栏项来实现最小化操作。 - 最小化后窗口会被隐藏到任务栏或顶部栏。 #### 十四、Panel的子类——FormPanel - **...

    ExtJs TreePanel应用

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

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

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

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

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

    页面加载锁屏

    在IT行业中,页面加载锁屏是一种常见的用户体验优化技术,它主要用于在网页内容加载期间提供一个遮罩层,防止用户在页面未完全加载时进行交互,从而避免产生错误或不一致的结果。这种技术尤其适用于资源密集型或者...

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

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

    EXT Tree的简单实践

    比如,`rootVisible` 控制根节点是否可见,`displayField` 指定显示节点的字段,`useSimpleItems` 是否简化节点渲染,`loadMask` 是否显示加载遮罩等。 5. **事件处理**:EXT Tree 提供了许多事件,如 `itemclick`...

    asp.net Coolite 学习交流

    在提供的示例中,`AjaxEventArgs`被用来更新时间戳,当用户点击按钮时,会显示一个遮罩层并调用`UpdateTimeStamp`方法,更新页面上的时间标签。 另一方面,`AjaxMethod`则允许在客户端直接调用服务器端的方法。通过...

    EXTGrid属性方法

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

    使用原生js实现页面蒙灰(mask)效果示例代码

    它接受两个参数,一个是需要被遮罩的元素(effectItem),另一个是显示在蒙灰层上的文本(showText)。函数首先创建一个新的`div`元素,为其赋予`maskStyle`类,然后根据`effectItem`的尺寸和位置来设置蒙灰层的大小...

Global site tag (gtag.js) - Google Analytics