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