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事件

候自动让焦点回到该文本框，所以当你1输入错误的时候，这个时候焦点去了2，1里又让焦点回来，焦点回到1的时候又触发了2里的onBlur事件，正好2里又判断到不能为空，然后要求焦点回到2里面，如此反复，一直这么下去。。。。。。

要想实现这样的功能我们不是放到onBlur下去做,这样很容易出现死循环的情况,如果你非要这样做就不要再把焦点设回来.一般都是在提交的时候一个个去验证比如有name,pwd,phone,那么就是

if(name == ""){

alert("姓名不能为空")

name.focus()

}

else if(pwd == ""){

alert("....")

pwd.focus()

}

else if(phone == ""){

alert("...")

phone.focus()

}

else{

if(confim("您确定提交吗?")){

document.forms[0].submit()

}

}

---