Dynamic components #98

pietz · 2024-10-12T13:14:33Z

Sadly something like this doesn't seem to work:

{#def sections #}
<div id="main">
    {% for section in sections %}
        <{{ section }} />
    {% endfor %}
</div>

Any workarounds or ideas?

jacobcheatley · 2024-10-17T22:52:30Z

Possible workaround - does the {{ content }} special variable work for your use case?

e.g.

// Layout.jinja
<!doctype html>
<div id="main">
  {{ content }}
</div>

and

// TestPage.jinja
<Layout>
    <SomeSection />
    <SomeOtherSection />
    <div>Extra content</div>
</Layout>

Alternatively If you need to do something server side to decide which sections to render - maybe render the html to string for those sections with one call, and pass that as the content (or some other argument) to the rendering of the Layout template?

jpsca · 2024-10-20T02:41:02Z

If I understand it correctly, sections is a list of component names, isn't it?

You can render a component by name using catalog.irender like this:

{#def sections #}
<div id="main">
    {% for section in sections %}
        {{ catalog.irender(section) }} 
    {% endfor %}
</div>

Let me know if that's what you want it

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Dynamic components #98

Dynamic components #98

pietz commented Oct 12, 2024

jacobcheatley commented Oct 17, 2024

jpsca commented Oct 20, 2024 •

edited

Loading

Dynamic components #98

Dynamic components #98

Comments

pietz commented Oct 12, 2024

jacobcheatley commented Oct 17, 2024

jpsca commented Oct 20, 2024 • edited Loading

jpsca commented Oct 20, 2024 •

edited

Loading