Question

请教Extjs的handler处理函数和listeners监听处理click响应函数用起来具体有什么区别和注意的地方没有?

{
xtype: "button",
id: "btn1",
text: "小按钮",
handler: function () {
Ext.MessageBox.alert("提示", "通过handler配置项添加的事件");
}
}

和
{
xtype: "button",
id: "btn2",
text: "中按钮",
scale: "medium",
listeners: {
click: function () {
Ext.MessageBox.alert("提示", "通过listeners配置项添加的事件");
}
}
}

Answer 1

没什么不不同啊，就把handler当做快捷方式好了，
listeners里面能放多个事件，而handler只管click事件

Answer 2

var TimeBar = Ext.create('Ext.toolbar.Toolbar', {
renderTo : Ext.getBody(),
width : 500,
height : 20,
items : [{
xtype : 'button',
text : 'Sample Text Item',
handler : function () {
alert("handler");
},
listeners : {
click : function (btn) {
alert("click1");
}
}
}
]
});
TimeBar.down('button').addListener('click', function (btn) {
alert('click2');
});
测试下这段代码你就知道区别了

追问

• 嗯，我测试了一下，发现listeners监听能够对一个click Event事件添加任意多个的事件响应处理函数，而handler处理只能够通过处理函数一次处理点击响应，对吧。

追答

对头，而且添加监听的顺序就是响应顺序，handler是总是最后才处理的