对于按钮的点击事件这里有三种方法,用一个JSP页面把三种写法都表示出来了~~
<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>按钮的测试</title>
<link rel="stylesheet" type="text/css" href="./scripts/ext/resources/css/ext-all.css">
<script type="text/javascript" src="./scripts/ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="./scripts/ext/ext-all.js"></script>
<script type="text/javascript">
Ext.onReady(function(){
var _btn = new Ext.Button({
renderTo:Ext.getBody(), /**这里的Ext.getBody() = document.body*/
text:"确定" ,
//------------1)-----------handler------------------------------------------------
/**
* handler只能对click做出响应
handler:function(){
alert("Hello EXTJS");
}
*/
//----------------2)-------------listeners------------------------------------------
/**
*listeners可以对所有的事件做监听
listeners :{
"click":function(){
alert("Hello EXTJS!");
}
}
*/
});
//----------------3)-------------ON---------这个方法在onReady()外面---------------------------------
_btn.on("click", function(){
alert("Hello EXTJS!!");
});
});
</script>
</head>
<body>
按钮的测试页面(点击事件的三个写法)
</body>
</html>
renderTo:是把这个对象放到指定的对象中,这里产生的也是HTML代码
这里没有添加任何的JS文件,比较简单
按钮的点击事件"
trackback:ping="http://www.blogjava.net/wufang5/services/trackbacks/239943.aspx" />
-->