Extjs 给元素绑定事件

测试环境： 3.1

1. 在什么时候可以给元素绑定事件？

绑定事件在初始化的时候可以直接写属性listeners

new Ext.form.Checkbox({
  listeners: {
    'check':function(this, checked){
    },
    'change':function(field, newvalue, oldvalue){
    }
  }
})

在元素创建后，可以获取元素用on方法绑定

var cb = new Ext.form.CheckBox()
cb.on({
    'check':function(this, checked){
    },
    'change':function(field, newvalue, oldvalue){
    }
})

非Extjs 元素，dom元素需要转换为extjs元素再用on来绑定事件

/*html*/
<input type='checkbox' id='cb'>
/*javascript*/
var cb = document.getElementById('cb');
var extjs_cb = Ext.get(cb);
extjs_cb.on({
/*事件绑定*/
})

2. 可以绑定些什么事件？

文档地址：http://docs.sencha.com/
不同组件的事件都不同， 具体需要查看文档，选择对应的版本。然后找到对应的组件。

比如找到版本 3.40 http://docs.sencha.com/extjs/3.4.0/
进一步找到对应组件，右上角有搜索框

search

其中event为所有可以绑定的事件

event

3. 事件的参数是什么？

事件的描述里面，可以看到详细的参数

event details