Как я могу добавить 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()
});