ext 的事件处理
2009-08-03 14:10
127 查看
EXT 中遵循一种树状的事件模型,所有继承EXT.util.observable 类的控件都可以支持事件,下面直接上代码
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';
}
} ); // 这里实现了一个名称为Person 的对象,它有一个属性name,初始化时,调用this.addEvents()函数定义了3个事:walk,eat ,sleep ,最后使用Ext.extend() 让Person 继承Ext.util.Observable 的所有属性。此外,我们还加上了一个函数info() ,让它返回Person 的信息
var person=new Person('zhang');
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',peason.name);
});
这里的on是addListener()的简写形式
Ext.get('walk').on('click',function(){
person.fireEvent('walk');
}
Ext.get('eat').on('click',function(){
person.fireEvent('eat','早餐','午餐','晚餐’);
});
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';
}
} ); // 这里实现了一个名称为Person 的对象,它有一个属性name,初始化时,调用this.addEvents()函数定义了3个事:walk,eat ,sleep ,最后使用Ext.extend() 让Person 继承Ext.util.Observable 的所有属性。此外,我们还加上了一个函数info() ,让它返回Person 的信息
var person=new Person('zhang');
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',peason.name);
});
这里的on是addListener()的简写形式
Ext.get('walk').on('click',function(){
person.fireEvent('walk');
}
Ext.get('eat').on('click',function(){
person.fireEvent('eat','早餐','午餐','晚餐’);
});
相关文章推荐
- (Ext)Ext事件的处理
- ext中处理Combobox组件点击触发后台事件的问题
- (Ext)Ext事件的处理
- eXT 特殊处理UTF-8 到gbk TREE 点击事件
- Ext-实用工具 处理点击事件 Ext.util.ClickRepeater
- [原创]ExtAspNet秘密花园(十八) — 表格之事件处理
- Ext javascript建立超链接,进行事件处理的实现方法
- Ext 事件处理机制
- 在jquery(1.7版)以及Ext(3.4版)中,查看在页面元素(domElement)上绑定的事件处理(listener、handler)
- 仿EXT风格,仿EXT功能,Jquery页签插件,EM.Tabs 1.1,新增事件处理机制,可拓展
- EXT.NET-按钮事件返回值处理
- [原创]ExtAspNet秘密花园(十八) — 表格之事件处理
- [extjs3.4]解除Ext.Button的原生click事件处理
- EXT中键盘触发事件的处理
- Ext javascript建立超链接,进行事件处理的实现方法
- C#控制台程序中处理2个关闭事件的代码实例
- jQuery基础系列(三)---事件介绍(3)---事件处理方法
- 关于ViewPager广告轮播推送中“如何处理自动滑动和用户滑动事件”的解决方案
- C#委托事件及自定义事件的处理
- Spine在U3d下的动画事件处理