Posted on 2009-03-14 15:33
Java蜘蛛人 --鄭成橋 閱讀(758)
評論(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>