Results 1 to 3 of 3

Thread: list of available listeners?

Hybrid View

Previous Post Previous Post   Next Post Next Post
  1. #1
    Touch Premium Member senchito's Avatar
    Join Date
    Aug 2011
    Location
    Montreal, QC
    Posts
    27
    Vote Rating
    0
      0  

    Default 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 User jay@moduscreate.com's Avatar
    Join Date
    Mar 2007
    Location
    DC Area =)
    Posts
    16,364
    Answers
    102
    Vote Rating
    86
      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.

  4. #3
    Sencha User Jamie Avins's Avatar
    Join Date
    Mar 2007
    Location
    Redwood City, California
    Posts
    3,661
    Answers
    17
    Vote Rating
    19
      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().

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •