extjs

 

extjs面向对象

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

 

 

 

 

 

事件，两各类型：

自定义事件；

浏览器事件；

 

 

 

js类：   http://www.cnblogs.com/hemood/archive/2008/09/26/1299360.html

一：构造函数方式

  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元素对事件的处理更好