What are the Slack Archives?

It’s a history of our time together in the Slack Community! There’s a ton of knowledge in here, so feel free to search through the archives for a possible answer to your question.

Because this space is not active, you won’t be able to create a new post or comment here. If you have a question or want to start a discussion about something, head over to our categories and pick one to post in! You can always refer back to a post from Slack Archives if needed; just copy the link to use it as a reference..

Hey guys, I perform an ajax call via the ajax provider molecule and render a component asynchronousl

Options
U012MFKV1D5
U012MFKV1D5 Posts: 13 🧑🏻‍🚀 - Cadet
edited September 2022 in Help

Hey guys, I perform an ajax call via the ajax provider molecule and render a component asynchronously. However, if I do that, the javascript/ css of that component isn't loaded properly. I assume because at the moment the page is requested, it isn't needed and thus not loaded. Can someone point me into the right direction on how to properly load the component ahead of time? Is there maybe a way to specify explicitly what components should be loaded on a given page? I found a workaround, but its kinda ugly: Include the component (e.g. in a hidden div) and then once the component actually is loaded, call the init/ mountCallback in javascript to initialize the functionality. Thank you! Tom

Comments

  • giovanni.piemontese
    giovanni.piemontese Technical Lead @ Löffelhardt Spryker Solution Partner Posts: 871 🧑🏻‍🚀 - Cadet
    Options

    just call mount() after ajaxRender in Container

  • giovanni.piemontese
    giovanni.piemontese Technical Lead @ Löffelhardt Spryker Solution Partner Posts: 871 🧑🏻‍🚀 - Cadet
    Options
    import { mount } from 'ShopUi/app';
    ...
    
    this.ajaxContainerRender.innerHTML = response;
    mount().then(() => {...}
    
  • U012MFKV1D5
    U012MFKV1D5 Posts: 13 🧑🏻‍🚀 - Cadet
    Options

    Perfect, this solved my issue. Thanks a lot Giovanni!