Ext(3)——MessageBox

最新推荐文章于 2019-05-04 16:53:45 发布

iteye_13139

最新推荐文章于 2019-05-04 16:53:45 发布

阅读量125

点赞数

CC 4.0 BY-SA版权

分类专栏： extjs4 文章标签： EXT CSS JavaScript HTML ViewUI

本文链接：https://blog.youkuaiyun.com/iteye_13139/article/details/82069128

extjs4 专栏收录该内容

6 篇文章

订阅专栏

本文介绍并展示了如何在ExtJS中使用不同类型的对话框，包括简单的警告框、带输入提示的对话框以及用于确认操作的对话框。通过具体的代码实例，帮助读者更好地理解和应用ExtJS的消息提示功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前面想这些代码好像没什么用，没什么必要贴，都是一些比较浅显的东西，以后应该不会不知道的，但现在这个我还是想贴一下，因为从近期做的项目来看，这几种信息提示框我用的还是比较多的，所以以后用Ext的时候应该也不会少用吧，还是把它贴一下好了。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>MyHtml.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/ext4/resources/css/ext-all.css"/>
	<script type="text/javascript" src="/ext/ext4/ext-all-debug.js"></script>
	<script type="text/javascript">
		Ext.onReady(function() {
			//Ext里面的Msg窗口都是是异步的，即窗口弹出后，弹出窗口以后的代码也在运行，如果需要使用同步的方式，
			//可以使用回调函数
			//alert窗口
			Ext.Msg.alert("title","content");
			
			//prompt窗口
			//使用一个回调函数来处理输入的内容
			//回调函数里面的btn有两个值，一个是ok,一个是cancel,
			//text表示输入的内容
			Ext.Msg.prompt("title","content",function(btn,text) {
				if (btn == 'ok') {
					if (text)
						Ext.Msg.alert("prompt Test",text);
				} else {
					alert(btn);
				}
			});
			
			//直接配置参数来显示一个窗口，可以作为js里面的确认窗口用
			Ext.Msg.show({
				title: "confirm",
				msg: "Are you sure you want to delete it?",
				buttons: Ext.Msg.YESNOCANCEL,
				fn: function() {//这里是表示回调函数
					alert("回调");
				},
				icon: Ext.window.MessageBox.QUESTION
			});
			//因为Ext的Msg窗口都是异步的，所以，直接向上面这样写，只有最后一个窗口会弹出，
			//其实前面两个窗口也是有弹出的，只是被后面一个覆盖了而已！
		});
	</script>
  </head>
  
  <body>
  </body>
</html>