1. #1
    Ext JS Premium Member SebTardif's Avatar
    Join Date
    Feb 2011
    Location
    Cambridge, MA
    Posts
    671
    Vote Rating
    39
    SebTardif has a spectacular aura about SebTardif has a spectacular aura about

      0  

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

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


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

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,647
    Vote Rating
    899
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    You can get the el of the component and that will fire the click event.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  3. #3
    Sencha User
    Join Date
    Nov 2007
    Posts
    29
    Vote Rating
    0
    joseph09 is on a distinguished road

      0  

    Default


    Here is how I got it to work -

    PHP Code:
     
    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);
                            }
                    });
                }
            }
        }
    }); 

Thread Participants: 2

Tags for this Thread