Ext事件示例(Ext.Msg.alert)

本文通过一个简单的ExtJS示例,展示了如何定义自定义对象并为其绑定事件。具体包括使用ExtJS创建一个可以触发不同事件(如行走、吃饭、睡觉)的虚拟人物,并通过按钮点击触发这些事件。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
   	<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 type="text/javascript" src="extjs/ext-all-debug.js"></script>
	<script type="text/javascript">
		Ext.onReady(function(){
		
		
		
			Person = function(name){
				this.name=name;
				this.addEvents("walk","eat","sleep");
			}
			Ext.extend(Person,Ext.util.Observable,{
				info:function(event){
					return this.name+'is'+event+'ing.';
				}
			});
		
		
			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());
			});
		
		
			var person=new Person('Lingo');
			person.on('walk',function(){
				Ext.Msg.alert('event',person.name+"在走啊走啊。");
			});
			person.on('eat',function(breakfast,lunch,supper){
				Ext.Msg.alert('event',person.name+"要吃"+breakfast+","+lunch+"和"+supper+"。");
			});
			person.on('sleep',function(time){
				Ext.Msg.alert('event',person.name+"从"+time.format("H")+"开始睡觉了。");
			});
			
			
			
			
			
			
			
		});
	</script>
  </head>
  
  <body> 
  <input type="button" value="walk" name="button1" id="walk">
  <input type="button" value="eat" name="button2" id="eat">
  <input type="button" value="sleep" name="button3" id="sleep"> 
  </body>
</html>

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值