EXT窗口
来源:互联网 发布:finale 软件 编辑:程序博客网 时间:2024/05/24 00:49
Alert提示框
Ext的对话框都封装在Ext.MessageBox类,该类还有一个简写形式即Ext.Msg,可以直接通过Ext.MessageBox或Ext.Msg来直接调用相应的对话框方法来显示Ext对话框。
<html><head><title>演示</title><meta http-equiv="Content-Type" content="text/html;charset=UTF-8"><link rel="stylesheet" type="text/css" media="all" href="extjs/resources/css/ext-all.css" /><script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script><script type="text/javascript" src="extjs/ext-all.js"></script><script type="text/javascript" language="javascript">Ext.onReady(function(){Ext.get("btnAlert").on("click",function(){Ext.MessageBox.alert("请注意","这是ExtJS的提示框");});});</script></head><body><div id="hello"></div><input id="btnAlert" type="button" value="alert框" /></body></html>
confirm
除了alert以外,Ext还包含confirm、prompt、progress、wait等对话框,另外我们可以根据需要显示自下定义的对 话框。普通对话框一般包括四个参数,比如confirm的方法签名为confirm ( String title, String msg, [Function fn], [Object scope] ) ,参数title表示对话框的标题,参数msg表示对话框中的提示信息,这两个参数是必须的;可选的参数fn表示当关闭对话框后执行的回调函数,参数 scope表示回调函数的执行作用域。回调函数可以包含两个参数,即button与text,button表示点击的按钮,text表示对话框中有活动输 入选项时输入的文本内容。我们可以在回调函数中通过button参数来判断用户作了什么什么选择,可以通过text来读取在对话框中输入的内容
<html><head><title>演示</title><meta http-equiv="Content-Type" content="text/html;charset=UTF-8"><link rel="stylesheet" type="text/css" media="all" href="extjs/resources/css/ext-all.css" /><script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script><script type="text/javascript" src="extjs/ext-all.js"></script> <script src="extjs/build/locale/ext-lang-zh_CN.js"></script><script type="text/javascript" language="javascript">Ext.onReady(function(){ Ext.get("btn").on("click",function(){ Ext.MessageBox.confirm("请确认","是否真的要删除指定的内容",function(button,text){ alert(button); //alert(text); }); }); });</script></head><body><div id="hello"></div><input id="btn" type="button" value="alert框" /></body></html>
更实用的
<html><head><title>演示</title><meta http-equiv="Content-Type" content="text/html;charset=UTF-8"><link rel="stylesheet" type="text/css" media="all" href="extjs/resources/css/ext-all.css" /><script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script><script type="text/javascript" src="extjs/ext-all.js"></script> <script src="extjs/build/locale/ext-lang-zh_CN.js"></script><script type="text/javascript" language="javascript">Ext.onReady(function(){ Ext.get("btn").on("click",function(){ Ext.MessageBox.confirm("请确认","是否真的要删除指定的内容",function(button,text) { if(button=="yes"){ //执行删除操作 alert("成功删除"); } }); });});</script></head><body><div id="hello"></div><input id="btn" type="button" value="alert框" /></body></html>
prompt框
用的不多,不过有时候会用到
<html><head><title>演示</title><meta http-equiv="Content-Type" content="text/html;charset=UTF-8"><link rel="stylesheet" type="text/css" media="all" href="extjs/resources/css/ext-all.css" /><script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script><script type="text/javascript" src="extjs/ext-all.js"></script> <script src="extjs/build/locale/ext-lang-zh_CN.js"></script><script type="text/javascript" language="javascript">Ext.onReady(function(){Ext.get("btn").on("click",function(){Ext.MessageBox.prompt("输入提示框","请输入数字:",function(button,text){if(button=="ok"){alert("你输入的数字是:"+text);}else alert("你没有输入!");});});});</script></head><body><div id="hello"></div><input id="btn" type="button" value="alert框" /></body></html>
ETX系列:
EXT基础
EXT表格
EXT事件
EXT窗口
- EXT窗口
- EXT窗口
- Ext 窗口刷新问题
- Ext的弹出窗口
- ext弹出窗口
- ext window窗口
- Ext弹出窗口
- EXT弹出窗口
- Ext.windowmanager 窗口管理事件
- Extjs-弹出窗口 Ext.MessageBox
- Extjs-弹出窗口 Ext.Window
- (Ext基础篇) 弹出窗口
- ext+模态窗口+下载
- Ext 弹出窗口(Ext.MessageBox) 中文问题
- 视图Ext.Viewport和窗口Ext.Window用法
- 视图Ext.Viewport和窗口Ext.Window用法 1
- 视图Ext.Viewport和窗口Ext.Window用法
- 视图Ext.Viewport和窗口Ext.Window用法
- hdu acm steps 2.2.4
- 长文章分页+fck修改分页符
- android使用http协议实现文件的上传
- hdu acm steps 2.2.5
- 各种数据库默认端口汇集
- EXT窗口
- VIM编辑代码时的一些技巧
- ARCHIVELOG模式下用户管理恢复联机重做日志文件(2)——当前活动组所有成员全部损坏!
- session.createQuery()与createSQLQuery()区别
- Java多线程之wait(),notify(),notifyAll()
- QuickFlow 部暑失败
- AOL
- jquery 解析 xml