Note that there are some explanatory texts on larger screens.

plurals
  1. POextjs4 check window's last child component afterlayout event
    primarykey
    data
    text
    <p>I was assigned to create an <code>extjs4</code> app which can be used on desktop browsers and on mobile browsers. I know that extjs4 is not really for mobile (definitely works on mobile but there's a huge performance difference) but we are also supporting our website for mobile for <strong><em>temporary</em></strong> usage (Future plan: we'll create a <code>Sencha Touch 2</code> version of this). </p> <p>Anyways, I'm currently working on <strong><em>improving the responsiveness</em></strong> of the app. Responsiveness in terms of button clicks, opening windows, etc. I would like to show a splash message upon opening an <code>Ext.Window</code> components. This splash message will be visible until all components of the window have been created. So, I was trying to achieve this by listening to the <code>afterlayout</code> event of the window.</p> <p>On my custom component, which extends <code>Ext.Window</code>, I have this code:</p> <pre><code>constructor : function() { var me = this; ... me.callParent(arguments); me.on('afterlayout', { console.log('AFTER LAYOUT'); if (mySplash != null) mySplash.hide(); } } </code></pre> <p>I have observed that <code>afterlayout</code> events have been called multiple times. So, I have checked the <a href="http://docs.sencha.com/extjs/4.2.0/#!/api/Ext.window.Window-event-afterlayout" rel="nofollow">api documentation of Sencha ExtJS 4.2 about afterlayout event of Ext.Window</a>. And it says:</p> <blockquote> <p>Fires when the components in this container are arranged by the associated layout manager.</p> </blockquote> <p>So, how would I check the last <code>afterlayout</code> event of my window/popup? I need this so that if I have determined this, I could have called here my close splash function.</p> <p>Please help. Thanks in advance.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload