ExtJs组件之事件处理

最新推荐文章于 2024-07-14 10:34:53 发布

蓝袍先生

最新推荐文章于 2024-07-14 10:34:53 发布

阅读量918

点赞数 1

文章标签： extjs html 控件界面语言

本文链接：https://blog.csdn.net/Wang_Deji/article/details/16369057

版权

EXTjs 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

事件统一由
Ext.EventManager 对象管理，与浏览器W3C 标准事件对象Event 相对应，Ext 封装了一个
Ext.EventObject 事件对象。支持事件处理的类(或接口)为Ext.util.Observable，凡是继承该类
的组件或类都支持往对象中添加事件处理及响应功能。

example01

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBk"/>
<title>ExtJS</title>
<link rel="stylesheet" type="text/css" href="../../extjs/resources/css/ext-all.css"/>
<script type="text/javascript" src="../../extjs/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../../extjs/ext-all.js"></script>
<script>
function   a()
{
Ext.MessageBox.alert("hello","Hello,easyjf open source");
}
</script>
</head>
<body>
<input id="btnAlert" type="button" οnclick="a();" value="消息框" />
</body>
</html>

example02：这段代码在文档加载的时候，就直接对btnAlert 的onclick 赋值，非常清晰的指明了
按钮btnAlert 的onclick 事件响应函数为a

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBk"/>
<title>ExtJS</title>
<link rel="stylesheet" type="text/css" href="../../extjs/resources/css/ext-all.css"/>
<script type="text/javascript" src="../../extjs/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../../extjs/ext-all.js"></script>
<script>
function   a()
{
Ext.MessageBox.alert("hello","Hello,easyjf open source");
}
window.onload = function(){
	document.getElementById("btnAlert").οnclick=a;
}
</script>
</head>
<body>
<input id="btnAlert" type="button"  value="消息框" />
</body>
</html>

example03

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBk"/>
<title>ExtJS</title>
<link rel="stylesheet" type="text/css" href="../../extjs/resources/css/ext-all.css"/>
<script type="text/javascript" src="../../extjs/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../../extjs/ext-all.js"></script>
<script>
function a(){
alert('some thing');
}
Ext.onReady(function(){
Ext.get("btnAlert").addListener("click",a);
});
</script>
</head>
<body>
<input id="btnAlert" type="button"  value="消息框" />
</body>
</html>

蓝袍先生

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
ExtJs组件之事件处理

事件统一由Ext.EventManager 对象管理，与浏览器W3C 标准事件对象Event 相对应，Ext 封装了一个Ext.EventObject 事件对象。支持事件处理的类(或接口)为Ext.util.Observable，凡是继承该类的组件或类都支持往对象中添加事件处理及响应功能。example01 ExtJSfunction a
复制链接

扫一扫