ExtJs学习入门 MessageBox的学习

主题:ExtJs学习入门 MessageBox的学习

Message无非就是三中形式的对话框，可以直接查询查询它的在线帮助，地址为：http://www.extjs.com/deploy/dev/docs/
我直接从上来拷贝例子，形成自己的测试例子，内容如下，需要特殊说明的三行代码是：
<link rel="stylesheet" type="text/css" href="../resources/css/ext-all.css" />
//需要正确的给出ext-all.css文件的位置，因为在css中会调用一些资源图片，
//如果发现显示的对话框中没有图片说明css文件配置不对
<script type="text/javascript" src="ext-base.js"></script>//这个文件只要拷贝到测试目下，也可以用相对路径配置
<script type="text/javascript" src="ext-all.js"></script>//这个文件只要拷贝到测试目下，也可以用相对路径配置

测试页面如下，已经经过测试

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" href="../resources/css/ext-all.css" />
<script type="text/javascript" src="ext-base.js"></script>
<script type="text/javascript" src="ext-all.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>http://www.webkaifa.com</title>
</head>
<body>
</body>
</html>
<script>
Ext.Msg.alert('Status', 'Changes saved successfully.');
// Prompt for user data and process the result using a callback:
Ext.Msg.prompt('Name', 'Please enter your name:', function(btn, text){
if (btn == 'ok'){
// process text value and close...
}
});
// Show a dialog using config options:
Ext.Msg.show({
title:'Save Changes?',
msg: 'You are closing a tab that has unsaved changes. Would you like to save your changes?',
buttons: Ext.Msg.YESNOCANCEL,
fn: processResult,
animEl: 'elId',
icon: Ext.MessageBox.QUESTION
});
function processResult(text)
{
if(text=="yes") alert("click yes");
if(text=="no") alert("click no");
if(text=="cancel") alert("click cancel");
}
</script>