1. #1
    Sencha User
    Join Date
    Jun 2010
    Posts
    139
    Vote Rating
    3
    jeanluca is on a distinguished road

      0  

    Default how to add Addthis.com social buttons

    Hello

    I'm trying to create an ActionSheet with Addthis buttons to facebook, twitter, etc

    Here is my code:

    Code:
    Ext.define('MyApp.view.SocialMedia', {
        extend: 'Ext.ActionSheet', 
       xtype: 'socialmedia',
       onPainted: function(){
          addthis.toolbox('.addthis_but') ;
       },
        config: {
            layout: 'vbox',
            items: [
                {
                    html: '<a class="addthis_but addthis_button_tweet">Twitter</a>',
                    xtype: 'panel'
                },
                {
                    html: '<a class="addthis_but addthis_button_facebook">Facebook</a>',
                    xtype: 'panel'
                },
                {
                    html: '<a class="addthis_but addthis_button_linkedin">LinkedIn</a>',
                    xtype: 'panel'
                }
            ]
        }
    });
    The Addthis code I execute here in the onPainted event doesn't alter the original html, so I get the feeling 'onPainted' event is fired before the html is actually inser, so what event should I listen to ? Furthermore, where can I find a list of events fired by a component ?

    Thanks
    Luca

  2. #2
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    38,582
    Vote Rating
    1136
    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

    The API docs are the most up to date list of events.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Software Engineer
    ________________
    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
    Jun 2010
    Posts
    139
    Vote Rating
    3
    jeanluca is on a distinguished road

      0  

    Default

    Ok, but where are the events documented. I cannot find a list of events or how to use them. For example, I see code which do addListerner, on() or onBefore, etc

    For example, with the panel, I would like to do the addthis.toolbox(..) call just before the panel is shown, but considering the panel api I cannot find anything about this!

  4. #4
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    38,582
    Vote Rating
    1136
    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  
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Software Engineer
    ________________
    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.

Thread Participants: 1

Tags for this Thread