Ext.onReady()事件

最新推荐文章于 2022-05-31 18:50:19 发布

抢街饭

最新推荐文章于 2022-05-31 18:50:19 发布

阅读量9.8k

点赞数 1

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

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

版权

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">
   Ext.onReady(function(){
		Ext.get("btn").on("click", function(){
			Ext.MessageBox.alert("对话框", "我被点击了");
		})
   });
</script>
<body>
<input type="button" value="ExtJs按钮请点击我" id="btn" />
</body>
</html>

点击：

弹出结果如下：

（1） Ext.get(Mixd element) :根据HTML标签的id属性来获取Ext.element对象，Ext.element

是对DOM的封装，另外参数也可以是Ext.Element对象或者DOM节点对象

（2） on（String eventName, Function fn）:为Ext.Element对象定义一个事件，eventName是事件名称(“change”,”keypress”)，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.get("btn").on("click", function(){
			var name = Ext.get("name").dom.value;
			Ext.MessageBox.alert("20强", "11号"+name+"进行一场生死战");
		})
   });
</script>
<body>
<input type="text" id="name"><br>
<input type="button" value="20强比赛" id="btn">
</body>
</html>

运行结果：

点击按钮：

Ext.Element.dom: dom属性是Ext.Element对象的dom表示

抢街饭

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
3
评论
Ext.onReady()事件

ExtJs整理 Ext.onReady(function(){ Ext.get("btn").on("click", function(){ Ext.MessageBox.alert("对话框", "我被点击了"); }) });点击：弹出结果如下：（1） Ext.get(Mix
复制链接

扫一扫