extjs面向对象

支持命名空间    Ext.namespace("")
支持类实例属性
支持类实例方法
支持类静态方法
支持构造方法
支持类继承
支持类实例方法重写
支持命名空间别名
支持类别名
支持事件队列

 

 

 

 

 

事件,两各类型:

自定义事件;

浏览器事件;

 

 

 

js类

一:构造函数方式

  unction  Car(sColor,iDoors)
{
     this .color = sColor;

二:原型方式:

function  Car()
{
}
Car.prototype.color = "red"

三:混合的构造函数 / 原型方式:

四:动态原型方法:

五:混合工厂方式

 

 

 

 

 

 

Person类:

Person = funciton(name){

  this.name = name;

  this.addEvents("walk","eat","sleep");

}

Ext.extend(Person, Ext.util.Observable, {

  info: function(){

    return this.name + 'is' + event + 'ing.' ;

  }

})

 

 

为Person添加事件监听

var person = new Person('fff');

person.on('walk',{function(){}})

 

触发person事件

person.fireEvent('walk');

 

 

var fn = function(){}

person.on('walk', fn)

person.un('walk', fn)

 

 

purgeListeners函数,可以把所有的 监听器 都删除掉

 

 

浏览器事件,

使用Ext.EventManager Ext.EventObject Ext.lib.Event

邦定两个click事件时,不会覆盖,会依次执行,这就比HTML元素对事件的处理更好