EXTJS 如何给一个文本框添加点击事件

有两种方法

通过文本框textfield的配置项listeners进行配置

eg:

new Ext.panel.Panel({

width: 400,

height: 200,

dockedItems: [{

xtype: 'toolbar'

}],

listeners: {

click: {

element: 'el', //bind to the underlying el property on the panel

fn: function(){ console.log('click el')}

}

}})

第二种是采用on方法给textfield添加事件

eg:

me.down('textfield[name=这里是你文本框的名称]').on('click',点击的响应函数,me)

ps:

me.down('button[action=viewElementDetails]')获得textfield组件对象，on('click',点击的响应函数,me)添加事件click事件

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]

})

---