Ext(三)――MessageBox _Web前端

Ext(3)――MessageBox

前面想这些代码好像没什么用，没什么必要贴，都是一些比较浅显的东西，以后应该不会不知道的，但现在这个我还是想贴一下，因为从近期做的项目来看，这几种信息提示框我用的还是比较多的，所以以后用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>