1. #1
    Touch Premium Member senchito's Avatar
    Join Date
    Aug 2011
    Location
    Montreal, QC
    Posts
    27
    Vote Rating
    0
    senchito is on a distinguished road

      0  

    Default Answered: list of available listeners?

    Answered: list of available listeners?


    Previously I made use of the afterRender and afterLayout to trigger custom scaling functions (amongst others).

    I saw a dev suggest to use the "painted" listener to replace the afterRender... and what about the afterLayout?

    Would it be possible for someone to list other/all available listeners?

    I appreciate it

  2. We are continuing to work on the documentation to make sure all events are properly documented.

    As the layout system is dramatically different (it is now fully CSS based), there is no longer an 'afterLayout' type of event. For those rare times when you need to know when the size of a component changes, there is a utility class (Ext.util.SizeMonitor) can do that for you. Unfortunately, this class is relatively new and we are in the process of writing the guide for it's use. But in general you add it as follows:

    var mySizeMonitor = new Ext.util.SizeMonitor({
    element: this.elementYouWishToMonitor,
    callback: this.methodYouWishToCallWhenTheSizeChanges,
    scope: this
    });

    You also want to have your destroy method clean that up with a mySizeMonitor.destroy().

  3. #2
    Sencha - Community Support Team jay@moduscreate.com's Avatar
    Join Date
    Mar 2007
    Location
    Frederick MD, NYC, DC
    Posts
    16,170
    Vote Rating
    33
    Answers
    83
    jay@moduscreate.com is just really nice jay@moduscreate.com is just really nice jay@moduscreate.com is just really nice jay@moduscreate.com is just really nice

      0  

    Default


    The documentation needs to be updated. I know the team is working on that this week. I've just been reading source code, looking for fireAction and fireEvent calls.

    Jay Garcia @ModusJesus || Modus Create co-founder
    Ext JS in Action author
    Sencha Touch in Action author

    Get in touch for Ext JS & Sencha Touch Touch Training

    We are also working on Video-based Sencha Touch training: Check it out here.

  4. #3
    Sencha - Sencha Touch Dev Team Jamie Avins's Avatar
    Join Date
    Mar 2007
    Location
    Redwood City, California
    Posts
    3,659
    Vote Rating
    14
    Answers
    17
    Jamie Avins is a jewel in the rough Jamie Avins is a jewel in the rough Jamie Avins is a jewel in the rough

      0  

    Default


    We are continuing to work on the documentation to make sure all events are properly documented.

    As the layout system is dramatically different (it is now fully CSS based), there is no longer an 'afterLayout' type of event. For those rare times when you need to know when the size of a component changes, there is a utility class (Ext.util.SizeMonitor) can do that for you. Unfortunately, this class is relatively new and we are in the process of writing the guide for it's use. But in general you add it as follows:

    var mySizeMonitor = new Ext.util.SizeMonitor({
    element: this.elementYouWishToMonitor,
    callback: this.methodYouWishToCallWhenTheSizeChanges,
    scope: this
    });

    You also want to have your destroy method clean that up with a mySizeMonitor.destroy().