Ext.MessageBox(2)

最新推荐文章于 2021-05-19 21:05:41 发布

原创最新推荐文章于 2021-05-19 21:05:41 发布 · 776 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#stylesheet #function #xhtml #string #button #object

ExtJs 专栏收录该内容

17 篇文章

订阅专栏

本文展示了一个使用ExtJs库创建对话框的例子，通过Ext.MessageBox.prompt方法实现输入提示框，并设置回调函数处理用户输入。

3：对话框(Ext.MessageBox.prompt 或 Ext.Msg.prompt )

prompt( String title, String msg, [Function fn], [Object scope] )

title:标题

msg:显示内容

fn:回调函数

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ExtJs整理</title>
<link rel="stylesheet" type="text/css" href="ExtJs/resources/css/ext-all.css">
<script type="text/javascript" src="ExtJs/adapter/ext-base.js"></script>
<script type="text/javascript" src="ExtJs/ext-all.js"></script>
<script type="text/javascript" src="ExtJs/src/locale/ext-lang-zh_CN.js"></script>
</head>
<script type="text/javascript">
    Ext.onReady(function(){
		Ext.MessageBox.prompt("输入框", "你喜欢的AV明星", function(button, text){
			alert(text);
		});
	});
</script>
<body>
</body>
</html>

运行如下：