`

ext--消息框2

    博客分类：
  • Ext
ext 
阅读更多 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>msgbox.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
	<link rel="stylesheet" type="text/css" href="../ext/resources/css/ext-all.css">
	<script type="text/javascript" src="../ext/adapter/ext/ext-base.js"></script>
	<script type="text/javascript" src="../ext/ext-all.js"></script>
	<script type="text/javascript">
		Ext.onReady(function(){
			Ext.get('confirm').on('click',function(){
				Ext.Msg.confirm("提示","你确定要执行该操作吗？",callbackMsg);
			});
			Ext.get('info').on('click',function(){
				Ext.Msg.show(
					{
					title:"提示",
					msg:"操作成功！",
					fn:callbackMsg,
					buttons:Ext.MessageBox.OK,
					icon:Ext.MessageBox.INFO,
					animEl:'info'
				});
			});
			Ext.get('warn').on('click',function(){
				Ext.Msg.show(
					{
					title:"提示",
					msg:"此操作可能存在安全隐患！",
					fn:callbackMsg,
					buttons:Ext.MessageBox.OK,
					icon:Ext.MessageBox.WARNING,
					animEl:'warn'
				});
			});
			Ext.get('error').on('click',function(){
				Ext.Msg.show(
					{
					title:"提示",
					msg:"连接服务器失败，请检查网络！",
					fn:callbackMsg,
					buttons:Ext.MessageBox.OK,
					icon:Ext.MessageBox.ERROR,
					animEl:'error'
				});
			});
			Ext.get('oneline_prompt').on('click',function(){
				Ext.Msg.prompt("提示","请输入姓名:",inputMsg);
			});
			Ext.get('multiLine_prompt').on('click',function(){
				Ext.MessageBox.show({
		           title: '提示',
		           msg: '请输入聊天内容:',
		           width:300,
		           buttons: Ext.MessageBox.OKCANCEL,
		           multiline: true,
		           fn: inputMsg,
		           animEl: 'multiLine_prompt'
       			});
			});
			Ext.get('question').on('click',function(){
				Ext.MessageBox.show({
		           title: '提示',
		           msg: '要执行该操作吗？',
		           width:300,
		           buttons: Ext.MessageBox.OKCANCEL,
		           icon:Ext.Msg.QUESTION,
		           fn: callbackMsg,
		           animEl: 'question'
       			});
			});
			callbackMsg = function(btn) {
				Ext.Msg.show({msg:"You clicked " + btn});
			}
			inputMsg = function(btn,txt) {
				Ext.Msg.show({msg:"You input:"+txt});
			}
			
			Ext.get('test').on('click',function(){
				var f = Ext.Msg.confirm("","ok?",callbackMsg);
			});
		});
	</script>
  </head>
  
  <body>
  	<input type="button" id="confirm" value="Confirm">
  	<input type="button" id="question" value="Question">
    <input type="button" id="info" value="Info">
    <input type="button" id="warn" value="Warn">
    <input type="button" id="error" value="Error">
    <input type="button" id="oneline_prompt" value="OneLinePrompt">
    <input type="button" id="multiLine_prompt" value="MultiLinePrompt">
    <input type="button" id="test" value="test">
  </body>
</html>



分享到：
| ext--下拉列表
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    Ext 仿QQ-MSN出现消息框

    NULL 博文链接：https://ytwy001.iteye.com/blog/1336977

    简单实用的notie-js消息提示框插件.zip

    简单实用的notie.js消息提示框插件&lt;/title&gt; &lt;link rel="stylesheet" type="text/css" href="css/default.css?3.1.64"&gt; &lt;/head&gt; &lt;body&gt;[removed][removed] &lt;br&gt; &lt;br&gt; &lt;br&gt; ...

    ext-opensource-netty

    MQTT服务器 (核心实现、可扩展消息存储、可集群、可处理消息) MQTT客户端 (核心实现、可扩展消息存储) WebSocket服务器 (核心实现、可处理消息) WebSocket客户端 (核心实现) 项目结构 ext-opensource-netty ├── ...

    封装一个Ext消息提示框，显示几秒后自动消失

    封装一个Ext消息提示框，显示几秒后自动消失

    Ext框架与Flex框架的整合实例

    2、使用IDE把该工程发布到Tomcat服务器 3、打开IE在地址输入http://localhost:8080/ExtAndFlex/后回车 如果一切正常，那么点击"与flash交互"的Ext按钮；如果一切正常，那么可以在Flash对象中看到“这是一个测试值！...

    仿QQ-MSN弹出即时消息框

    ext模仿QQ-MSN右下角弹出即时消息框 下载直接使用

    Ext_MessageBox

    ext中的各种消息框,提示框,输入框，确认框，自定义消息框，进度条，以及滑动提示。

    ExtJs消息提示框

    论坛上找的ExtJs消息提示框，各个方向的都有，十分人性化

    基于Springboot 版本 2.3.2.RELEASE版本开发的Example

    Example涵盖内容： 4种日志框架详解：Logback、Log4j、Log4j2和Slf4j，基于secure-ext-spring-boot-starter日志记录脱敏，spring-session基于redis存储session，集成MyBatis以及mybatis-plus3的应用实践，安全认证-...

    flask-demo:Flask框架涉及的知识点demo

    flask_jwt_ext 实现JWT封装 log_demo 日志配置 mail_demo 邮件发送 async_demo 异步发送 queue_demo 消息队列发送 middlewares 中间件 mongdb_demo ProjectStruct-1 项目结构(1): 个人总结：可用于大型项

    php多进程框架-模拟java多线程接口simple-fork-php.zip

    ext-sysvmsg 消息队列 ext-sysvsem 同步互斥锁 ext-sysvshm 共享内存 特性 提供进程池 自动处理僵尸进程回收，支持无阻塞调用 提供共享...

    Extjs4 消息框去掉关闭按钮(类似Ext.Msg.alert)

    但没有关闭按钮 由于Extjs4消息框中的关闭按钮，没有执行回调函数，点击关闭按钮后，直接关闭窗口。 实现代码如下： 代码如下: Ext.Msg.show({ title : ‘系统提示’, msg : ‘Extjs4 去掉提示框右上角关闭按钮’, ...

    Extjs4.2_加强examples.js 自动隐藏消息框

    Ext.example.msg('Done', 'Your fake data was saved!'); //自动消失 3s 后 Ext.example.msg('Done', 'Your fake data was saved!',true,3000); //说明 Ext.example.msg(标题，内容，是否自动消失，时间);

    pomelo-rpc-ext

    ＃pomelo-rpc-ws-pomelo的rpc框架＃＃安装 npm install pomelo-rpc-ws修改柚app.js var wsrpc = require('pomelo-rpc-ws');... 客户端部分生成RPC客户端代理，将消息路由到适当的远程服务器，并管理网络通信。 支持动态

    ext简单例子

    初学ext的例子，包含树，form，grid，日期框，消息框，combox，button

    php微信框架包含demo(powerd by arphp)

    自定义栏目， 发送消息 ， 微信接口 /** * 监听微信服务器推送信息Action. * * @return void */ public function indexAction() { // 注册微信服务器基本的几个事件 arComp('ext.weixin')-&gt;registerEvent...

    ExtAspNet_v2.3.2_dll

    -修正Alert消息中引号未编码导致的JS错误(feedback:sun1299shine)。 +集成extjs3.0.3。 -修正弹出对话框的宽度计算错误(会保持最小的状态)。 -增加新的皮肤Gray。 -为示例工程添加改变语言和皮肤的下拉列表。...

    ExtAspNet v2.2.1 （2009-4-1） 值得一看

    -修正Alert消息中引号未编码导致的JS错误(feedback:sun1299shine)。 +集成extjs3.0.3。 -修正弹出对话框的宽度计算错误(会保持最小的状态)。 -增加新的皮肤Gray。 -为示例工程添加改变语言和皮肤的下拉列表。...

    Ext.ux.window.DetailMessageBox:扩展于ExtJS5.1版本的MessageBox，可用折叠框显示详细信息的消息框

    Ext.ux.window.DetailMessageBox 带有可以折叠详细信息的对话框，该扩展组件是基于ExtJS5.1.1版本仿照MessageBox单例窗口编写。会有很多不完善的地方，将在以后的项目中或业余时间中进行修改。 部署扩展 将 ...

Magicbox
Global site tag (gtag.js) - Google Analytics