[CLOSED] How to iterate through the list of components efficiently?

[vadym.f]

Hi,

Could you suggest an efficient approach to iterating through the list of client side components on the page? In v1.7, I had a utility function (its purpose was to close all Notification windows) do it for me as below:

var hideNotifications = function () {
    Ext.ComponentMgr.all.each(function (c) {
        if (c.initialConfig && c.initialConfig.cls && c.initialConfig.cls.indexOf("x-notification") > -1) {
            c.close();
        }
    });
};

Now, the aforementioned code snippet doesn't work under v3.2 due to certain breaking changes. I came up with the following replacement:

var hideNotifications = function () {
    Ext.ComponentMgr.each(function (c) {
        var cmp = Ext.getCmp(c);
        if (cmp.initialConfig && cmp.initialConfig.cls && cmp.initialConfig.cls.indexOf("x-notification") > -1) {
            cmp.close();
        }
    });
};

While doing the trick, it leaves me concerned about performance penalties associated with getting a handle on every component object on the page in a loop. Can it be made more robust?

[Daniil]

Hi Vadym,

The first argument of a function that you pass to ComponentMgr' each method is a key, i.e. a component's id.
http://docs.sencha.com/extjs/5.1/5.1...er-method-each

The second argument is a component itself. So, this should be working.

Ext.ComponentMgr.each(function (id, c) {
    if (cmp.initialConfig && cmp.initialConfig.cls && cmp.initialConfig.cls.indexOf("x-notification") > -1) {
        cmp.close();
    }
});

[vadym.f]

Thanks, Daniil, that works well for me. Please close this thread down.