`
lauy
  • 浏览: 438243 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

Ext.LoadMask

    博客分类:
  • EXT
阅读更多
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
});
分享到:
评论

相关推荐

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

    在这里,我们对Ext.getBody()这个返回当前文档主体DOM元素的方法返回的对象使用Ext.LoadMask,这样就会在整个页面上显示加载提示。 在用户点击确认按钮之后,我们将创建一个Ext.LoadMask实例,并调用show方法来显示...

    Ext.grid.GridPanel属性祥解

    ### Ext.grid.GridPanel属性详析 #### 一、Ext.grid.GridPanel概述 `Ext.grid.GridPanel`是ExtJS中用于展示表格数据的核心组件之一。它提供了丰富的配置选项和方法来帮助开发者灵活地控制表格的表现形式及功能。...

    extjs mask load

    var mask = new Ext.LoadMask(Ext.getBody(), {msg:"请稍候..."}); // 在需要时显示遮罩 mask.show(); // 数据加载完成后隐藏遮罩 mask.hide(); ``` 至于“工具”,这可能是指开发者使用的一些辅助工具,比如调试器...

    Ext圖片上傳、刪除、查看.net源碼

    这可能使用`Ext.window.Window`或`Ext.LoadMask`来实现加载效果,同时配合`Ext.Component`或`IFrame`加载图片资源。 此外,为了优化用户体验,项目可能还包含了进度条显示文件上传进度,这通常使用`Ext.ProgressBar...

    Extjs的loading效果

    var mask = new Ext.LoadMask(Ext.getBody(), {msg:"正在加载..."}); mask.show(); // 数据加载完成后 mask.hide(); ``` 2. **自定义CSS样式** 默认的加载效果可能无法满足所有设计需求,因此我们可以通过CSS...

    ASP.NET与EXT实现动感后台管理界面

    为了优化用户体验,开发者还可以利用EXT.js的Ext.LoadMask进行加载提示,避免用户在等待响应时感到不耐烦。EXT.js的Ext.MessageBox则可以用于弹出警告、确认和信息提示框,增强交互性。 总之,"ASP.NET与EXT实现...

    EXTJS窗口示例

    在EXTJS中,`Ext.LoadMask`是一个实用的组件,可以在任何元素上显示等待指示器,以告诉用户应用程序正在进行后台处理。它可以覆盖整个窗口,也可以只覆盖特定区域: ```javascript // 对整个窗口应用等待指示器 ...

    Ext3_MaskLayer:Ext遮罩层

    例如,`new Ext.LoadMask(Ext.getBody(), {msg:"正在处理,请稍候..."})`会为整个页面创建一个遮罩层,显示指定的提示信息。 2. **显示和隐藏**:遮罩层可以通过`show`和`hide`方法进行控制。当你需要显示遮罩层时...

    ext 简单 进度条 伪进度条

    在这个例子中,`Ext.LoadMask` 被应用于 ID 为 "bar" 的 DOM 元素上,并且设置了一个加载提示消息为 "У"。此外,`removeMask` 属性被设置为 `true`,这意味着当遮罩不再需要显示时会自动移除。 ### 4. 伪进度条...

    Ext2 核心 API 中文详解 ExtJS2.0实用简明教程 ExtJS2.0教程 ExtJS2.0实用简明教程(easyjf) ext中文API+ sample

    8. **Ext.LoadMask**: 载入遮罩,用于在执行耗时操作时显示等待提示。 **三、ExtJS 2.0教程内容** 1. **基础篇**: 介绍ExtJS的基本架构和使用环境,讲解如何创建第一个ExtJS应用。 2. **组件篇**: 详述各组件的...

    ext 资源汇总

    EXT.tree.Column用于设置树节点列的显示,EXT.tree.LoadMask可以在加载数据时显示遮罩。 4. **独立文件和注释**: 每个控件被编写为独立的文件,这意味着它们可以方便地被引入到项目中,降低了代码的耦合度,有利于...

    ext整理的一些知识

    - **加载提示**:`var loadMask = new Ext.LoadMask(Ext.getBody(), {msg: '加载中...'});`,在需要长时间加载数据时显示。 - **通知提示**:`top.Ext.Msg.notify("标题","内容")`,常用于快速反馈信息。 ### 5. ...

    Extjs中文教程2.x

    loadMask.show();` **3.4 自定义消息框** - **特点**: 可以自定义样式、按钮等。 - **示例**: 使用 `Ext.MessageBox.show()` 方法自定义弹窗。 #### 四、页面与脚本完全分离 **4.1 Extjs 是脚本的世界** - **...

    extjs3连接mysql数据库实现增删查改功能

    此外,为了提高用户体验,可以使用`Ext.LoadMask`显示加载提示,`Ext.MessageBox`提示用户操作结果。 最后,提供的压缩包文件"es"可能是包含所有这些实现的源代码文件,包括CSS样式、JavaScript脚本以及可能的...

    ExtJs grid多选时获取选中的所有值

    loadMask: false, tbar: new Ext.Toolbar({ items: [ '-', '保存', '-', '取消' ] }) }); ``` #### 四、获取选中的所有值 为了获取选中行的所有值,可以使用`CheckboxSelectionModel`提供的方法`...

    ExtJs表格点击超链接获取行的值

    - `loadMask`: 是否显示加载遮罩。 ### 结论 在ExtJs中,通过合理利用`renderer`和选择模型,我们可以轻松地在表格中添加超链接,并在点击时获取行数据。同时,丰富的配置选项使得我们能够高度定制表格的功能和...

    EXT 树形结构样例

    例如,你可能需要设置`rootVisible: false`来隐藏根节点,或者使用`loadMask: true`为树加载数据时显示遮罩。 在实际开发中,你还需要了解EXT Tree的API,如`tree.store.load()`用于加载数据,`node.expand()`和`...

    ExtJS增删改查

    4. **页面加载时显示Grid,不查询数据,通过事件触发查询,并带LoadMask效果**: - 在触发查询前清空Grid的DOM元素(`div.innerHTML = ""`),然后重建Grid。 #### 四、示例代码分析 接下来,我们通过一个具体的...

    ext分页查询ext分页查询ext分页查询ext分页查询ext分页查询

    此外,可以添加`loadMask`来显示加载指示器,提高用户体验。 7. **事件监听**:在用户进行查询操作时,可以监听`FormPanel`的`submit`事件。在成功回调函数中,可以处理返回的数据,如创建新的`JsonStore`实例,...

Global site tag (gtag.js) - Google Analytics