当前位置: 主页 > 浏览 >

Ext 自定义类、事件

收藏 时间:2013-11-05 来源:查看 收藏:陈柳柳 阅读:904 标签:事件 ?定义 ?元素 ?实例 ?解释 ?页面 ?
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方法中的"color:#e53333;">play,eat为页面中的元素;
9 Ext API中的解释:"color:#4c33e5;">The id of the node, a DOM Node or an existing Element;
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论 所有评论
你还没登录,请先登录后再来评论!
推荐内容
新知先觉