Ext消息框与html结合(1)

最新推荐文章于 2021-06-03 07:43:50 发布

抢街饭

最新推荐文章于 2021-06-03 07:43:50 发布

阅读量883

点赞数

分类专栏： ExtJs 文章标签： html ext stylesheet function xhtml extjs

本文链接：https://blog.csdn.net/lzwjavaphp/article/details/6955737

版权

ExtJs 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

<!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">
   extJsAlert = function(){
		Ext.MessageBox.alert("消息提示框", "Hello Barcelona", function(){
			alert("关闭提示框");
		})
   }
</script>
<body>
<input type="button" value="ExtJs按钮" οnclick="extJsAlert()">
</body>
</html>

运行结果：

点击

弹出点击确定

<!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">
   extjsPrompt = function(){
		Ext.MessageBox.prompt("输入框", "请输入你喜欢的球队", function(bnt, txt){
			Ext.MessageBox.alert("结果", "你点击了"+bnt+"按钮<br>输入的内容为:"+txt);
		});
   }
</script>
<body>
<input type="button" value="ExtJs按钮" οnclick="extjsPrompt()">
</body>
</html>

点击

弹出

输入 Barcelona 弹出

修改一下啊

<script type="text/javascript">
   extjsPrompt = function(){
		Ext.MessageBox.prompt("输入框", "请输入你喜欢的球队", function(bnt, txt){
			Ext.MessageBox.alert("结果", "你点击了"+bnt+"按钮<br>输入的内容为:"+txt);
		},this,300);
   }
</script>

弹出的输入框变成如下情况O(∩_∩)O：

抢街饭

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Ext消息框与html结合(1)

ExtJs整理 extJsAlert = function(){ Ext.MessageBox.alert("消息提示框", "Hello Barcelona", function(){ alert("关闭提示框"); }) }运行结果：点击弹出点击确定 E
复制链接

扫一扫