據我所知,Ext.Button 的事件註冊方式有3中,如下例:
<%--
Created by IntelliJ IDEA.
User: Administrator
Date: 11-2-11
Time: 下午6:41
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head><title>Simple jsp page</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">
Ext.onReady(
function(){
var _myBtn= new Ext.Button({
renderTo:Ext.getBody(),
text:"確 定",
minWidth:100,
height:40,
handler:function(){
alert("handler句柄屬性方式註冊的處理事件!");
},
//推薦使用的註冊事件的方式
listeners:{
"click":function(){
alert("listeners添加監聽屬性的方式註冊的監聽事件!");
}
}
});
//EXT傳統寫法
_myBtn.on("click",function(){
Ext.Msg.prompt('Name', 'Please enter your name:', function(btn, text){
if (btn == 'ok'){
alert("你點擊了"+btn+"\n輸入的信息是:"+text);
}else if(btn=='cancel'){
alert("you chosen "+btn+"!");
}
});
});
}
);
</script>
</head>
<body>
</body>
</html>