当前位置: 主页 > 浏览 >

Ext 自定义类、事件

收藏 时间:2013-11-05 来源:查看 收藏:陈柳柳 阅读:494 标签:事件  定义  元素  实例  解释  页面  
1、自定义类(SomeBody): 1 SomeBody = function(name){ 2 this.name = name;

 

1、自定义类(SomeBody):

1 SomeBody = function(name){
2     this.name = name;
3     this.addEvents("play","eat");
4 }
5 Ext.extend(SomeBody,Ext.util.Observable);

 

2、调用上面的自定义类(SomeBody),给实例添加EventListener 

1 var xiaoyang = new SomeBody("xiaoyang");
2     xiaoyang.on("play",function(location){
3         Ext.Msg.alert("event",xiaoyang.name+ "在打"+ location+"!");
4     });
5     
6     xiaoyang.on("eat",function(){
7         Ext.Msg.alert("event",xiaoyang.name+ "在吃东西!");
8     });

 

3、将页面上的元素的事件与xiaoyang这个SomeBody实例的相关事件绑定:

1 Ext.get("play").on("click",function(){
2     xiaoyang.fireEvent("play","羽毛球");
3 });
4     
5 Ext.get("eat").on("click",function(){
6     xiaoyang.fireEvent("eat");
7 });
8 get方法中的<span style="color:#e53333;">play,eat</span>为页面中的元素;
9 Ext API中的解释:<span style="color:#4c33e5;">The id of the node, a DOM Node or an existing Element;</span>
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论 所有评论
你还没登录,请先登录后再来评论!
推荐内容
新知先觉