1. #1
    Sencha User
    Join Date
    Jul 2009
    Location
    The Netherlands
    Posts
    196
    Vote Rating
    0
    Answers
    1
    nicobarten is an unknown quantity at this point

      0  

    Default Unanswered: LoadMask z-index

    Unanswered: LoadMask z-index


    Hi,

    I have in a viewport a few panels. One of them is a gridpanel, and when the store of the gridpanel reloads, a loadmask is shown (which is of course what i want).

    Now when the user clicks on a button, a new window opens. Then when the user clicks on a button in the window, the gridpanel (behind it) must be reloaded. So i let it reload the gridpanel's store.

    Now's the problem: although it succesfully reloads the store, and the gridpanel is updated, the moment of loading the loadmask (plus the box of the gridpanel around it) is shown on top of the window -> and that's not what i want, it's ugly.

    How can i set it so that the loadmask is on top of the gridpanel, but not on top of the window?

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,549
    Vote Rating
    873
    Answers
    3567
    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 ZIndexManager should be managing the floating components properly and there have been some bug fixes. What Ext JS 4.x.x version are you using?
    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
    Jul 2009
    Location
    The Netherlands
    Posts
    196
    Vote Rating
    0
    Answers
    1
    nicobarten is an unknown quantity at this point

      0  

    Default


    ExtJS version 4.1.1a

  4. #4
    Sencha User
    Join Date
    Oct 2012
    Posts
    16
    Vote Rating
    1
    elettronik is on a distinguished road

      0  

    Default


    I had a similar problem and on the forum I had found the following override, it work for me, but I don't take any credit nor responsibility on it. Try if it do the job:

    Code:
    /** * Class that define an override for bug in masking
     */
    Ext.define('Ext.form.SubmitFix', {
        override: 'Ext.ZIndexManager',
    
    
        register : function (comp) {
            var me = this,
                compAfterHide = comp.afterHide;
            
            if (comp.zIndexManager) {
                comp.zIndexManager.unregister(comp);
            }
            comp.zIndexManager = me;
    
    
            me.list[comp.id] = comp;
            me.zIndexStack.push(comp);
            
            // Hook into Component's afterHide processing
            comp.afterHide = function () {
                compAfterHide.apply(comp, arguments);
                me.onComponentHide(comp);
            };
        },
    
    
        /**
         * Unregisters a {@link Ext.Component} from this ZIndexManager. This should not
         * need to be called. Components are automatically unregistered upon destruction.
         * See {@link #register}.
         * @param {Ext.Component} comp The Component to unregister.
         */
        unregister : function (comp) {
            var me = this,
                list = me.list;
            
            delete comp.zIndexManager;
            if (list && list[comp.id]) {
                delete list[comp.id];
                
                // Relinquish control of Component's afterHide processing
                delete comp.afterHide;
                Ext.Array.remove(me.zIndexStack, comp);
    
    
                // Destruction requires that the topmost visible floater be activated. Same as hiding.
                me._activateLast();
            }
        }
    });

Thread Participants: 2