- 浏览: 441929 次
- 性别:
- 来自: 深圳
文章分类
- 全部博客 (354)
- 面向对象分析设计/系统架构 (12)
- Mysql/Orcal11g (13)
- JSP/Java//Python/Xharbour (66)
- 软件测试 (21)
- 信息安全小知识 (1)
- Android (5)
- IT生活/哲学/兵法 (23)
- 软件工程/UML/需求分析学习与实践 (6)
- 操作系统/网络/组成原理 (9)
- 持续集成Maven/Hudson/自动化测试 (9)
- eBay /Paypal developer (10)
- Hadoop/HBase/Solr (0)
- 重构分析及其思考 (2)
- 企业架构 (7)
- 分析模式/设计模式 (4)
- SSH学习笔记 (1)
- Quartz及其JWatch监控 (0)
- Linux服务器 (0)
- ExtJs学习笔记 (1)
- 重读java编程思想 (3)
- ESB/SOA/WebServices (0)
- SpringMVC/Struts/Hibernate/Spring (7)
- Xharbour/Pelles C/ SQLite3 (0)
- Magento 电商 (1)
- Object C (1)
- note/redis (0)
- SpringBoot (0)
最新评论
-
snow8261:
太粗略了。
企业架构之数据架构 -
haithink:
面试成功没?
JVM 加载Class文件的原理及其机制 -
feisi0003731843:
不好意思我没有重启,重启后好多了,可有的地方回放还是不成功的。 ...
Selenium IDE测试ExtJs一种测试解决办法 -
feisi0003731843:
这个好像不行吧,我试过了不好使啊。还是用id来做的。不能用啊。 ...
Selenium IDE测试ExtJs一种测试解决办法 -
yuchensuifeng:
您好,静态页面是可以的,但是,我指定error-page为js ...
JSP创建错误处理页面
1.ExtJs之消息框:
语法:Ext.MessageBox.alert(String title, String msg,Function fn, Obejct scope); 参数定义:
例如:
如果要将上面的代码运行,则要将改源码保存JS,然后导入页面中,增加
2. ExtJs 之输入框
语法:Ext.MessageBox.prompt(String title, String msg,Function fn,Object scope,Boolean/Number multiline);
参数定义:
例如:
3.ExtJs之确认框
语法:
Ext.MessageBox.confirm(String title, String msg,Function fn, Object scope);
参数定义:
4. ExtJs之自定义消息框
语法:
Ext.MessageBox.show(Object config); config属性说明:
注意: 在ExtJs.MessageBox中已经定义了buttons的取值.如下
OK:只有"确定"按钮
CANCEL:只有"取消"按钮
OKCANCEL:有"确定"和"取消"按钮
YESNO: 有"是"和"否"按钮
YESNOCANCEL:有"是"、"否"和"取消"按钮
icons取值如下
INFO:信息图标
WARNING:警告图标
QUESTION:询问图标
ERROR:错误图标
5.ExtJs之进度条对话框
进度条对话框也是自定义消息框的一种,只是在配置Config时添progress=true即可,同时在设置其他相关信息,比如进度提示。
下面看看代码:
解析上述代码中ProgressText属性是进度条滚动之前最初的文本,滚动进程由updateProgress(Number value,String progressText)方法来定义,参数value是从0-1之间的小数,表示进度百分比;progressText则表示进度条滚动过程中的文本提示信息。
6.ExtJs之消息框动画效果
直接看代码
在html代码中加入
语法:Ext.MessageBox.alert(String title, String msg,Function fn, Obejct scope); 参数定义:
- title: 标题
- msg: 提示内容
- fn: 提示框关闭之后自动调用的回调函数
- scope: 作用域,用于指定this指向哪里
例如:
ExtJsAlert = function(){ Ext.MessageBox.alert("提示框","这是一个提示框"); } or ExtJsAlert = function(){ Ext.MessageBox.alert("提示框","这是一个提示框",function(){ alert("提示框关闭") }); }
如果要将上面的代码运行,则要将改源码保存JS,然后导入页面中,增加
<input type="button" value="点击" onclick="ExtJsAlert();"/>
2. ExtJs 之输入框
语法:Ext.MessageBox.prompt(String title, String msg,Function fn,Object scope,Boolean/Number multiline);
参数定义:
- title: 标题
- msg: 提示内容
- fn: 提示框关闭之后自动调用的回调函数
- scope: 作用域,用于指定this指向哪里
- Boolean/Number:如果为true或为数字,则表示允许输入多行或者指定默认高度
例如:
ExtJsPrompt = function(){ Ext.MessageBox.prompt("输入框","请输入名字:",function(bu,txt){ Ext.MessageBox.alert("Result","你点击的是"+bu+"按钮,<br> 输入的内容为:"+txt); }); } or ExtJsPrompt = function(){ Ext.MessageBox.prompt("输入框","请输入名字:",function(bu,txt){ Ext.MessageBox.alert("Result","你点击的是"+bu+"按钮,<br> 输入的内容为:"+txt); },this,300); }
3.ExtJs之确认框
语法:
Ext.MessageBox.confirm(String title, String msg,Function fn, Object scope);
参数定义:
- title: 标题
- msg: 提示内容
- fn: 提示框关闭之后自动调用的回调函数
- scope: 作用域,用于指定this指向哪里
ExtJsComfirm = function(){ Ext.MessageBox.confirm("确认","请点击下面的按钮作出选择",function(btn{ Ext.MessageBox.alert("你单击的按钮是:"+btn); }); }
4. ExtJs之自定义消息框
语法:
Ext.MessageBox.show(Object config); config属性说明:
- title : 消息框标题栏
- msg:消息内容
- width:消息框的宽度
- multiline: 是否显示多行文本
- closable:是否显示关闭按钮
- buttons:按钮
- icon:图标
- fn:回调函数
ExtJsCustom = function(){ var config ={ title:"自定义对话框", msg:"这是一个自定义对话框", width:400, multiline:true, closable:false, buttons:Ext.MessageBox.YESNOCANCEL, icon:Ext.MessageBox.QUESTION, fn: function(btn,txt){ Ext.MessageBox.alert("Result","你点击了'yes'按钮<br>,输入的值是:"+txt); } }; Ext.MessageBox.show(config); }
注意: 在ExtJs.MessageBox中已经定义了buttons的取值.如下
引用
OK:只有"确定"按钮
CANCEL:只有"取消"按钮
OKCANCEL:有"确定"和"取消"按钮
YESNO: 有"是"和"否"按钮
YESNOCANCEL:有"是"、"否"和"取消"按钮
icons取值如下
引用
INFO:信息图标
WARNING:警告图标
QUESTION:询问图标
ERROR:错误图标
5.ExtJs之进度条对话框
进度条对话框也是自定义消息框的一种,只是在配置Config时添progress=true即可,同时在设置其他相关信息,比如进度提示。
下面看看代码:
ExtJsProgress = function(){ Ext.MessageBox.show({ title:'请等待片刻', msg:'正在加载项目....', progressText:'正在初始化...', Width:300, progress:true, closable:false }); var f = function(v){ return function(){ if(v == 12){ Ext.MessageBox.hide(); Ext.MessageBox.alert('完成','所有项目加载完成!'); }else{ var i = v/11; Ext.MessageBox.updateProgress(i,Math.round(100*i)+'%以完成'); } }; }; for(var i=0; i<13;i++){ setTimeout(f(i),i*500); } }
解析上述代码中ProgressText属性是进度条滚动之前最初的文本,滚动进程由updateProgress(Number value,String progressText)方法来定义,参数value是从0-1之间的小数,表示进度百分比;progressText则表示进度条滚动过程中的文本提示信息。
6.ExtJs之消息框动画效果
直接看代码
ExtJsAnimal = funciton(){ var config = { title:"飞出的消息框", msg:"这是一个自定义对话框,是飞出来的哦", width:400, multiline:true, closable:false, buttons:Ext.MessageBox.YESNOCANCEL, icon:Ext.MessageBox.QUESTION, animEl:"fly" }; Ext.MessageBox.show(config); }
在html代码中加入
<input type="button" value="Animal" id="fly" onclick="ExtJsAnimal();"/> 这里id=fly就是animEL的值
发表评论
-
java实现读取文件下所有的excel文件
2012-08-10 09:30 1988最近处理一个压缩包,里面有几百上千个excel文件。本来 ... -
在firefox浏览器下出现如果引用外部连接不存在会隐藏红叉
2012-07-23 15:38 954在firefox下引用出错的一些图片会隐藏红叉。而在IE下 ... -
java 字符替换的一些问题值得记录下
2011-09-30 16:40 838最近在处理一些字符串的替换中发生的一些问题。 最近需要临 ... -
FreeMarker学习之概念
2010-08-04 10:12 822FreeMarker概述: 引用 1. ... -
HTML标准属性
2010-07-03 20:35 715核心属性(Core attributes) 以下标签 ... -
HTML标签
2010-07-03 20:14 959HTML 4.01 / XHTML 1.0 参考手册 按字母 ... -
HTML基础
2010-07-03 00:54 731基于Web前端技术是有HTML静态语言向现在的JaveSc ... -
Struts2的开发规范和技巧
2010-05-28 14:56 1193基于Struts2的开发,如果没有足够的经验和规范做支撑,并不 ... -
第一次的Struts2的一个异常记录
2010-05-28 14:22 982在配置正确struts.xml、web.xml、Action类 ... -
Java处理Excel全解一
2010-05-25 10:00 2145在获取客户需求的时候 ... -
Java EE 6 规范之平台概述
2010-05-22 21:28 2169JavaTM平台企业版(Java EETM)的概述 体系结构 ... -
Python3入门学习
2010-05-14 14:51 2184在学习一门计算机语言的时候,首先接触的入门程序基本上都是& ... -
Python3操作文件,目录和路径
2010-05-14 11:48 34601.遍历文件夹和文件 ... -
内存溢出
2010-04-22 14:23 1374java SE应用程序共同的问 ... -
JPA之ManyToMany的处理
2010-04-18 14:17 4469在处理关系中,最为麻烦的可能是多对多的关系处理,因为多对多 ... -
JPA之OneToOne关系处理
2010-04-18 14:05 3897在很早学习关系数据库的时候学过一对多,多对一,一对一,多对多的 ... -
JPA之OneToMany和ManyToOne处理
2010-04-18 13:52 18876前面介绍和总结了JPA ... -
JPA学习之二(入门篇)
2010-04-16 10:48 3716简单总结下,JPA的入门。在学习JPA的时候运用参考Hib ... -
JPA2.0的学习一
2010-04-15 17:18 8571Java EE 5平台引入了Java ... -
读取Properties文件的一些方法
2010-03-13 22:53 1113读取Properties文件常见的 ...
相关推荐
extjs弹出框 n秒后消失 信息可以自定义 时间可以自己定 extjs弹出框 n秒后消失 信息可以自定义 时间可以自己定
修改过的Ext.MessageBox.prompt方法,可直接调用,对输入的文字加密,适合做密码验证框
论坛上找的ExtJs消息提示框,各个方向的都有,十分人性化
通过传参数弹出一个弹出框顶部输入查询条件,下方通过表格展示数据,隐藏了两个,支持三段式赋值,支持分页,支持查询分页,双击后赋值,很方便
点击上传弹出上传对话框extjs+strust2.rar 点击上传弹出上传对话框extjs+strust2.rar
一个使用了EXTJS框架的表单检测判断,及提示效果,当输入类型不符时,会无刷新弹出提示框,在本演示代码的基础上,你可轻松扩展出一个界面漂亮的EXT登录界面,不过觉得ExtJs用了大量的图片来美化界面,貌似会影响...
EXTJS 点击按钮弹出窗体 可根据实际需求更改
Extjs框架基础.pptExtjs框架基础.ppt
Extjs框架Extjs框架Extjs框架Extjs框架Extjs框架Extjs框架Extjs框架Extjs框架Extjs框架
C# Extjs 登陆框、框架 特效不错。注释很全面
extjs资料以及extjs学习指南,extjs资料以及extjs学习指南
基于EXTjs 的 动态复选框树 json数据交互
基于EXTJS插件制作的弹出提示窗口,本效果代码更新记录: v1.0(20090424) 偷窃ext window素材以及利用ext core,DD,Resizable 简化重新实现Window v1.1(20090424) 修正ie显示问题 v1.5 抄袭extjs window 拖放...
弹出 - Boxy.alert() - 回调函数总是不被调用 确认 - Boxy.confirm() - 仅当用户选择了“确认”时回调函数会被调用 行业选择器 - Boxy.industry() - 仅当用户选择了“确认”时回调函数会被调用 工作地区选择器 - ...
Extjs4后台框架
extjs4.1 框架和文档 从官网下载的extjs-4.1.0-rc1
ExtJS学习手册。。。。,帮助学习extjx的朋友。。
ExtJs5 去掉textfield边框
ExtJs学习资料,ExtJs学习资料,ExtJs学习资料,ExtJs学习资料。