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>
 

你可能感兴趣的:(JavaScript,html,css,ext)