如何在ext.toolbar.button添加点击事件

var segmentedButton = Ext.create('Ext.SegmentedButton', {

allowMultiple: true,//是否允许多个按钮为按下状态

items: [

{

text: '按钮一'

},

{

text: '按钮二'

},

{

text: '按钮三'

}],

listeners: {

//toggle当segmentedButton组件中任何状态发生改变时触发

//参数:(segmentedButton本身,发生改变的按钮,bool类型true为按下状态)

toggle: function (container, button, pressed) {

if (pressed)

alert("用户按下了'" + button.getText() + "'按钮")

else

alert("用户松开了'" + button.getText() + "'按钮")

}

}

})

var myToolbar = Ext.create('Ext.Toolbar', {

id: "mytoolbar",

docked: 'top',

layout: {

type:'hbox',

pack:'end'

},

items: [segmentedButton]

})

extjs api如下：

render : ( Ext.Component this )

在组件被渲染之后触发。

在组件被 rendered(渲染) 之后触发。

监听器将以如下的参数格式被调用:

this : Ext.Component

参数只有它本身，如果你不想这么用，你可以用combox对象中的on方法，自己写实现function就行，api如下：

on( String eventName, Function handler, [Object scope], [Object options] ) : void

给对象添加事件处理器 (addListener的简写形式)

给对象添加事件处理器 (addListener的简写形式。)

参数:

eventName : String

监听的事件类型

handler : Function

事件调用的方法

scope : Object

（可选）处理方法执行时的作用域 (this 的引用)。 如果被忽略。默认为触发事件的对象。

options : Object

可选 包含处理器配置的对象。

返回值:void

---