extjs images添加click事件问题

Question

如何给images添加事件。我的代码main_panel.add({
id : 'item' + (i + 1),
title : i + 1 + "号仓门",
anchor : '20%',
items : [{
id : 'img' + (i + 1),
// hidden:true,
xtype : 'box',
width : 70,
height : 60,
style : '',
autoEl : {
tag : 'img',
src : imgSrc
// 指定url路径
},
listeners : {
"click" : function() {
Ext.Msg.alert("提示",
"欢迎学习ExtJS。");
}
}
}]
});

Answer 1

这样写才行
listeners : {
render : function() {// 渲染后添加click事件
Ext.fly(this.el).on('click',
function(e, t) {
var p = Ext.getCmp("p_"
+ t.id);
if (openRoomIds[saveImg[t.id]] == 1) {
openRoomIds[saveImg[t.id]] = 0;
p
.setTitle(saveImg[t.id]); } else {
openRoomIds[saveImg[t.id]] = 1;
p
.setTitle(saveImg[t.id]);
p.setTitle(p.title
+ "√");
}
}); }
}