- 浏览: 2285843 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (314)
- JAVA基础知识 (54)
- Java-IO/FIle (16)
- Java-JDBC (4)
- JAVA-新增特性-注解 (3)
- Java-枚举 (2)
- Java-泛型 (1)
- Java-多线程 (15)
- Java-XML (4)
- Java-JMS(消息服务) (4)
- Java-JVM (0)
- Web Service服务 (7)
- Jsp (10)
- js (18)
- Struts框架 (11)
- Spring框架 (29)
- Hibernate框架 (28)
- Spring Boot框架 (2)
- ExtJS前端框架 (29)
- Jquery js库 (8)
- JUnit框架 (8)
- Selenium 测试 (1)
- NoSql---Redis (6)
- ORACLE数据库 (45)
- MySQL数据库 (4)
- tomcat (3)
- Nginx反向代理服务器 (4)
- web应用服务器通用知识 (3)
- 开发工具IDE (14)
- UML建模 (1)
- SVN CVS 版本管理 (6)
- git 分布式版本管理 (4)
- 报表设计 (5)
- 文件上传下载 (2)
- 数据算法 (1)
- 存储过程 (5)
- JSON 相关 (1)
- OGNL表达式 (3)
- Util工具包 (9)
- 设计模式 (15)
- linux 相关 (3)
- life think (3)
- 工作流管理框架 (1)
- 大数据-Hadoop (1)
最新评论
-
huih:
很不错的文章
SpringMVC+Hibernate+Spring 简单的一个整合实例 -
calm01:
学习了.
Spring <bean>标签属性 Autowire自动装配(转载) -
lizhenlzlz:
我的也是拦截不了service层
SpringAOP拦截Controller,Service实现日志管理(自定义注解的方式)(转载) -
josh_123:
讲的不错,很详细,如果quartz定时任务类采用不继承任何类的 ...
Spring,jdk定时任务的几种实现以及任务线程是串行还是并行执行(转载) -
human_coder:
你知道eclipse调试怎么可以回调吗?有时候总是调快了,不能 ...
Debug---Eclipse断点调试基础
Ext.onReady(function() {
var a = Ext.MessageBox.wait('content', 'title');
(function() {
a.hide()
}).defer(3000); //隐藏延迟,可简化为 a.hide.defer(3000,a);
var mask = new Ext.LoadMask(Ext.getBody(), {
msg : 'please waiting ... ',
removeMask : true
});
mask.show();//使用 mask 需手动调用show() 方法下
(function() {
mask.hide();
}).defer(4000);
});
---------------------------------------------
var t=0;
function progress(){
t=0;
var msgbox=Ext.Msg.progress("请稍候","保存数据","正在保存数据, 请稍候。。。。。。");//显示等待对话框
updateProgress();
}
function updateProgress(){ //更新进度条
t+=0.2;
Ext.Msg.updateProgress(t);
if(t>1)
Ext.Msg.hide();
else
updateProgress.defer(700);
}
progress();
------------------------------------------------------
var mask = new Ext.LoadMask("ID", {
msg : '正在加载...'
});
mask.show();
borrowhistory_store.load({
params : {
webname : "all",
start : 0,
limit : borrowhistory_pageTool.pageSize
}
});
borrowhistory_store.on("load", function() {
mask.hide();
})
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 : '正在提交数据...'
var a = Ext.MessageBox.wait('content', 'title');
(function() {
a.hide()
}).defer(3000); //隐藏延迟,可简化为 a.hide.defer(3000,a);
var mask = new Ext.LoadMask(Ext.getBody(), {
msg : 'please waiting ... ',
removeMask : true
});
mask.show();//使用 mask 需手动调用show() 方法下
(function() {
mask.hide();
}).defer(4000);
});
---------------------------------------------
var t=0;
function progress(){
t=0;
var msgbox=Ext.Msg.progress("请稍候","保存数据","正在保存数据, 请稍候。。。。。。");//显示等待对话框
updateProgress();
}
function updateProgress(){ //更新进度条
t+=0.2;
Ext.Msg.updateProgress(t);
if(t>1)
Ext.Msg.hide();
else
updateProgress.defer(700);
}
progress();
------------------------------------------------------
var mask = new Ext.LoadMask("ID", {
msg : '正在加载...'
});
mask.show();
borrowhistory_store.load({
params : {
webname : "all",
start : 0,
limit : borrowhistory_pageTool.pageSize
}
});
borrowhistory_store.on("load", function() {
mask.hide();
})
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 : '正在提交数据...'
发表评论
-
EXT弹出窗口(转载)
2015-02-26 16:56 3125Ext.MessageBox.alert() Ext.Me ... -
Extjs教程_第六章_Editor_Grids(可编辑表格) (转载)
2015-02-15 16:04 6046在之前的一章中我 ... -
extJs 2.1学习笔记(Ext.Updater篇二) (转载)
2015-02-15 15:13 1258原文地址:http://blog.csdn.net/huo ... -
三大主流浏览器Web开发工具(转载)
2015-02-03 14:55 2670一个快速加载网页在很大程度上节约用户的浏览页面时间成本,作 ... -
ext+struts2排除List泛型中不想封装的属性(转载)
2015-02-02 18:10 1324struts2封装json,排除不想封装的字段配置,减少网 ... -
Ext Store Filter的实现和问题(转)
2014-01-26 14:33 6538Store包含两个数据缓存 - snapshot和data ... -
ExtJs之Ext.data.Store详解(转载)
2014-01-26 10:31 61757Ext.data.Store是EXT中用来进行数据交换和数据 ... -
Ext Grid表格导出excel
2013-08-22 16:10 4518两种方法,这是一种 ... -
ext中屏蔽backsapce删除时退出的代码
2012-07-31 11:37 1530<script type="text/java ... -
Ext 布局的一些配置属性
2012-07-10 16:48 1459布局配置中,layout和itmes是常用的,通过layout ... -
Ext CardLayout,AnchorLayout,AbsoulteLayout,FormLayout,ColumnLayout,TableLayout
2012-07-10 16:29 18331,CardLayout可以看做一叠卡片,是实现操作向导的典型 ... -
Ext AccordionLayout 布局
2012-07-10 15:58 1445Accordion布局类似于QQ中的伸缩菜单,通过点击可以折叠 ... -
Ext BorderLayout 布局
2012-07-10 11:59 1975BorderLayout布局比fit布局 ... -
Ext FitLayout 布局
2012-07-10 11:37 1148fit布局将使得组件自适应,子面板自动填充整个组件所占范围,不 ... -
Extjs的布局--学习(有例子)(转载)
2012-07-03 17:39 6264所谓布局就是指容器组件中子元素的分布、排列组合方式。Ext的所 ... -
Ext.query()和Ext.get()的区别,Ext.query()类似于jquery的DOM选择器
2012-07-03 17:02 2584Ext.get() 和 Ext.query() 取 ... -
Ext组件ComboBox 中getValue()和getRawValue()的区别
2012-06-29 10:04 6717当把Ext.form.ComboBox 的editable 设 ... -
ExtJs页面布局详解
2012-06-20 16:29 6393EXT标准布局类 面板相当于一张干净的白纸,如果直接在上 ... -
Ext 多选下拉 MultiComBox
2012-06-20 15:05 15757下面介绍MultiComboBox的使用方式,大家先看看下面的 ... -
Extjs xtype 一览表
2012-02-09 16:10 23917ExtJs xtype一览 基本组件: ...
相关推荐
自己整理的的一个仿Extjs局部遮罩,可带进度条。只是一个思路,组件有些小问题,比如组件大小改变时,遮罩没有随着组件大小变。大家使用时候可以优化了下。
NULL 博文链接:https://rdman.iteye.com/blog/1156440
Extjs图片渲染效果Extjs图片渲染效果Extjs图片渲染效果Extjs图片渲染效果
extjs4,类似在win下的窗口拖动效果,一个简单的demo,希望能帮到需要的人
Extjs4 桌面效果优化效果,官方的桌面效果太简单了,不是我想要的效果。经过本人优化,现在放出源码,希望大家喜欢
用extjs模仿excel的表格效果。。。。。。
ExtJS效果Tabs形式
EXTJS应用EXTJS应用EXTJS应用EXTJS应用EXTJS应用EXTJS应用
利用Extjs和css实现 加载时的缓冲效果页面
extjs资料extjs资料extjs资料extjs资料extjs资料
最近小弟做了Extjs实现实现下拉框联动的效果,参考了好久才学会,闲下来发一个简单的例子。。呵呵
使用FlexiGrid实现Extjs表格的效果使用FlexiGrid实现Extjs表格的效果
ExtJs的入门书籍,全都是中文版。 还包括一个JUDE文档,关于EXTJS部分功能的UML类结构图。
extjs4 ComboBox 点击下拉框 出现grid效果 这里只实现了点击下拉框显示gird,点击其他地方grid自动消失
Extjs例子Extjs例子Extjs例子Extjs例子Extjs例子
我写的一个类似Google Suggest效果的ExtJs例子,前台ExtJs,后台Java。 下拉列表中的内容会随着输入的内容不同而动态改变
Extjs3.4.0版本 多选下拉框效果支持多选/全选/全不选, 附源码。 修复不能多选问题,代码仅供参考
extJS的相关学习资料 里面详细讲解了如何学习extJs 适合基础人员使用
xtJs已经升级到了5.0了,目前可能多数应用还在使用ExtJs 3.系列。 从开发大型的web后台或者企业管理系统来看,ExtJs3的缺陷还是比较明显的,从ExtJs4 开始引入了MVC架构,从而能够从容的组织系统的JS文件了。 从...
ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门ExtJS快速入门 ExtJS快速入门 ExtJS...