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

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

    博客分类:
  • Ext
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
});

在form的submit方法中有waitMsg属性来达到上面的效果 ,如:

form.submit({
     waitMsg : '正在提交数据...'

     .....

 

分享到:
评论

相关推荐

    jquery.loadmask.js

    jquery.loadmask.js

    jquery.loadmask.zip

    Loadmask是一个jquery plugin,使用此插件可以在DOM元素加载或更改内容时为此DOM元素添加一个屏蔽层,以防止用户互动,同时起到提醒用户后台任务正在运行的作用。 使用此插件可以大大提高用户体验,此插件是一个...

    jquery loadmask 简单的遮罩

    jquery loadmask 遮罩 好用 占用比较小

    jquery-loadmask-0.4[蜗牛修改版]

    jquery-loadmask-0.4[蜗牛修改版],是对jquery-loadmask-0.4 ,基于jquery,实现指定页面DOM元素、指定等候、锁屏时间等功能;语法:$("#锁定DOM元素ID").mask("正在处理,请稍等......", -10[出现廷迟时间毫秒], ...

    jquery loading(遮罩)插件

    jQuery Loading插件用于当DOM元素加载或变化期间,对其进行遮挡阻止用户操作并告知有些后台任务还在进行。实现“正在加载中…”的效果。整个插件只有1kb左右。效果跟extjs遮罩(锁屏)效果基本一样。

    jquery loadmask 插件的使用方法

    本工程旨在展示jquery loadmask 插件的使用方法。 本工程编码方式为:UTF-8

    jQuery的loadmask插件

    NULL 博文链接:https://liuna718-163-com.iteye.com/blog/2112335

    Silverlight版本的LoadMask DemoSL

    Silverlight版本的LoadMask DemoSL

    RDF 使用帮助

    <link rel="stylesheet" ... loadmask.js 该文件是页面加载提示层,应该放在样式文件之后, rdf-all.js之前引入。 rdf-all.js 该文件已经包含了ext 框架的js 文件,它应该在执行js 之前引入,而且在样式文件之后。

    xheditor+requireJS+loadmask

    集成xheditor,loadmask和requireJS完成的通过JQuery异步提交数据到服务器的代码

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    ExtAspNet是一组专业的Asp.net控件库,拥有原生的AJAX支持和丰富的UI效果, 目标是创建没有JavaScript,没有CSS,没有UpdatePanel,没有WebServices的Web应用程序。 支持的浏览器: IE 7.0+, Firefox 3.0+, Chrome ...

    ExtJs设置GridPanel表格文本垂直居中示例

    业务场景,需要实现最终效果图如下: GridPanel代码如下配置: 代码如下: { xtype : ‘grid’, id : ‘grid_jglb’, frame : true, region : ‘center’, title : ‘列表详细信息’, columnLines : true, loadMask :...

    extjs mask load

    NULL 博文链接:https://rdman.iteye.com/blog/1156440

Global site tag (gtag.js) - Google Analytics