Posted on 2009-03-14 15:33
Java蜘蛛人 --郑成桥 阅读(751)
评论(0) 编辑 收藏
test.js
Ext.onReady(function(){
Person = function(name)
{
this.name= name;
this.addEvents("walk","eat","sleep");
}
Person2 = function(name)
{
this.name= name;
this.addEvents("aa","bb","cc");
}
Ext.extend(Person2,Ext.util.Observable,{
info:function(event)
{
return this.name+"is"+event+"ing.";
}
});
Ext.extend(Person,Ext.util.Observable,{
info:function(event)
{
return this.name+"is"+event+"ing.";
}
});
var person2 = new Person2("郑成桥");
person2.on('aa',function (){
Ext.Msg.alert("event",this.name+"哈哈");
});
person2.on("bb",function(frunt,shuiguo){
Ext.Msg.alert("event",this.name+"面包："+frunt+"葡萄"+shuiguo);
});
person2.on("cc",function(time){
Ext.Msg.alert("event",this.name+"老子要从"+time.format("h")+"呵呵");
});
var person = new Person("zcq");
person.on('walk',function (){
Ext.Msg.alert("event",this.name+"走撒");
});
person.on("eat",function(frunt,shuiguo){
Ext.Msg.alert("event",this.name+"要吃："+frunt+"和"+shuiguo);
});
person.on("sleep",function(time){
Ext.Msg.alert("event",this.name+"要从"+time.format("h")+"开始睡觉");
});
Ext.get("walk").on("click",function(){
person2.fireEvent("aa");
});
Ext.get("eat").on("click",function(){
person2.fireEvent("bb","苹果","woman");
});
Ext.get("sleep").on("click",function(){
person2.fireEvent("cc",new Date());
});
Ext.get("walk").on("click",function(){
person.fireEvent("walk");
});
Ext.get("eat").on("click",function(){
person.fireEvent("eat","苹果","女人");
});
Ext.get("sleep").on("click",function(){
person.fireEvent("sleep",new Date());
});
Ext.get("capture1").on("click",function(){
Ext.util.Observable.releaseCapture(person);
});
Ext.get("capture2").on("click",function(){
Ext.util.Observable.capture(person,function(){
return false;
});
});
});
index1.jsp
<%@ page language="java" import="java.util.*" pageEncoding="gbk"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>My JSP 'index.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<script type="text/javascript" src="js/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="js/ext-all.js"></script>
<link rel="stylesheet" type="text/css" href="js/resources/css/ext-all.css" />
<script type="text/javascript" src="js/js.js" ></script>
<script type="text/javascript" src="js/test1.js" ></script>
<link rel="stylesheet" type="text/css" href="js/examples.css" />
<script type="text/javascript" src="js/examples.js" ></script>
</head>
<style type="text/css">
.x-window-dlg .ext-mb-download {
background:transparent url(images/download.gif) no-repeat top left;
height:46px;
}
</style>
<body>
<input type="button" id="walk" value="walk" />
<input type="button" id="eat" value="eat" />
<input type="button" id="sleep" value="sleep" />
<br>
<button id="capture1">事件切换1</button>
<button id="capture2">事件切换2</button>
</body>
</html>