ExtJS遮罩层Ext.loadMask
2015-07-27 10:02
411 查看
一、可以直接应用在元素上,如:
target 可以是:document.body、元素、DOM节点、id
二、还可以和Ext.data.Store结合,可将效果与Store的加载达到同步,如:
三、在form的submit方法中有waitMsg属性来达到上面的效果 ,如:
原文:http://leeleo.iteye.com/blog/1622101
var loadMarsk = new Ext.LoadMask(target, { msg:'正在处理数据,请稍候......', removeMask:true // 完成后移除 }); loadMarsk.show(); //显示 loadMarsk.hide(); //隐藏
target 可以是:document.body、元素、DOM节点、id
二、还可以和Ext.data.Store结合,可将效果与Store的加载达到同步,如:
var loadMarsk = new Ext.LoadMask(document.body, { msg:'数据处理中,请稍候......', disabled:false, store:store }); store.addListener('beforeload',function(){loadMarsk.show();});
三、在form的submit方法中有waitMsg属性来达到上面的效果 ,如:
form.submit({ waitMsg : '正在提交数据...' .....
原文:http://leeleo.iteye.com/blog/1622101
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 : '加载数据中,请稍候...' } });
相关文章推荐
- 思维导图之----javascript中function类型知识树
- Javascript的匿名函数与自执行
- JS写的排序算法演示
- createjs初学-制作一个简单的TextButton
- 思维导图之----javascript正则表达式知识树
- javascript - 【事件冒泡】和【事件捕获】
- JS实现冒泡排序,插入排序和快速排序(从input中获取内容)
- JS获取坐标
- JS 动态加载脚本的4种方法
- fastjson忽略某个属性
- js异步加载的三种解决方案
- js在方法Ajax请求数据来推断,验证无效(OnClientClick="return Method();"),或者直接运行的代码隐藏
- jsp <%%>java代码块获取<s:property的值
- html,js ,jsp工作学习
- javascript的事件总结
- WebGL是一种3D绘图标准,这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起
- WebGL是一种3D绘图标准,这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起
- JavaScript权威指南_142_第15章_脚本化文档_15.9-HTML表单-按钮
- JS闭包函数
- JavaScript权威指南_141_第15章_脚本化文档_15.9-HTML表单-表单和元素的的事件处理程序