如何将Click事件添加到Ext.Img？

Question

如何将Click事件添加到Ext.Img？

var paddleItem = new Ext.Img({ 
    xtype : 'image', 
    src : "lib/Image/Paddle.png", 
    x : 200, 
    y : 300, 
    draggable : true, 
    index : 0, 
    id : 'paddleItem', 
    listeners : { 
     click : function(){ 
      Ext.Msg.alert("Message"); 
     } 
    }, 
    renderTo : Ext.getBody() 
}); 

这是我的代码，但没有奏效。

请给我一些建议..

Answer 1

绑定它的基本元素：

var paddleItem = new Ext.Img({ 
    src: "lib/Image/Paddle.png", 
    x: 200, 
    y: 300, 
    draggable: true, 
    index: 0, 
    id: 'paddleItem', 
    listeners: { 
     el: { 
      click: function() { 
       Ext.Msg.alert("Message"); 
      } 
     } 
    }, 
    renderTo: Ext.getBody() 
});