如何將Click Event添加到Ext.Img？

Question

如何將Click Event添加到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()
});