如何在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]

})

首先有一个按钮，并且有监听click的事件

var button = new Ext.Button({

text : "button",

listeners :{

click : function(){

alert("111")

}

}})

然后ajax返回成功后

Ext.Ajax.request({

url : "...",

method : "post",

params : {

},

success : function(response) {//成功的返回

var result = Ext.decode(response.responseText)

if (true === result.success) {//返回后台成功的信息

//在这里触发那个按钮的点击事件就可以了

button.fireEvent('click')

}

}

})

fireEvent ( String eventName, Object... args ) : Boolean

触发指定的事件,并将欲执行的处理函数的参数传入。（应该至少要有事件的...

触发指定的事件,并将欲执行的处理函数的参数传入。（应该至少要有事件的名称）

参数项：

eventName : String

事件名称

args : Object...

传入事件处理函数（Event Handlers）的参数

返回：

Boolean 如果有处理函数返回true或者false

listeners: {

itemclick : function tree_itemclick( node, event ) {

var id = event.data.id

var data = event.data

}

}

---