What is the best way to code click event of Ext.Img ?

[SebTardif]

Ext.Img didn't list any click event, what is the best way to make it handle click from client side?

[mitchellsimoens]

You can get the el of the component and that will fire the click event.

[joseph09]

Here is how I got it to work -

 
var image1 = Ext.create('Ext.Img', {
    src: 'src/to/img.jpg',
    renderTo: 'image_div',
    cls: 'image_class',
    listeners: {
        click: {
            element: 'el', //bind to the underlying el property on the panel
            fn: function(){ 
                console.log('click el'); 
                
                Ext.Ajax.request({
                    url: 'path/to/some/file.php',
                    params: {
                            id: 'some_id',
                            action: 'load_something'
                    },
                    success: function(response){
                            var text = response.responseText;
                            console.log(text);
                        }
                });
            }
        }
    }
});