如何将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()
});