cacheElements with queryAll

[vwasteels]

Is there a way to use this.cacheElements()to cache a set of elements ?

for now I have to do it manually :

    render: function() {
        this.renderWithTemplate();
        this.socialContentsEl = this.queryAll('.tile-social-content [class^="tile-social-"]');
    },

and i'd like to do it that way :

    render: function() {
        this.renderWithTemplate();
        this.socialContentsEl({
            : '.tile-social-content [class^="tile-social-"]',
          });
    },

but in this case, this.socialContentsEl returns the first element only

[cdaringe]

hey @vwasteels, per the source there is not. Because of the ambiguity & uncertainty of the returned elements, &-js would not know how you would like those cached. I.e. how would your elements get stored onto obj? this.titleSocial1?, this.title_social_el_0?, etc etc. I'd recommend that you add a sugar function to do the query, and index on key definitions as you see fit.

Let me know if that was unclear! If you have an idea about a standard way to do it that could be beneficial, please share. 😄

[cdaringe]

hey @vwasteels, per the source there is not. Because of the ambiguity & uncertainty of the returned elements, &-js would not know how you would like those cached. I.e. how would your elements get stored onto obj? this.titleSocial1?, this.title_social_el_0?, etc etc. I'd recommend that you add a sugar function to do the query, and index on key definitions as you see fit.

Let me know if that was unclear! If you have an idea about a standard way to do it that could be beneficial, please share. 😄