求助关于Extjs的handler处理函数和listeners监听处理click响应函数的问题？

Question

{
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');});测试下这段代码你就知道区别了