How to render a tree in Twig

by

I played around with domi27’s idea and came up with this. I made a nested array as my tree, [‘link’][‘sublinks’] is null or another array of more of the same.

Templates

The sub-template file to recurse with:

<!--includes/menu-links.html-->
{% for link in links %}
    <li>
        <a href="https://stackoverflow.com/questions/8326482/{{ link.href }}">{{ link.name }}</a>
        {% if link.sublinks %}
            <ul>
                {% include "includes/menu-links.html" with {'links': link.sublinks} %}
            </ul>
        {% endif %}
    </li>
{% endfor %}

Then in the main template, call this (kind of redundant ‘with’ stuff there):

<ul class="main-menu">
    {% include "includes/menu-links.html" with {'links':links} only %}
</ul>

Macros

A similar effect can be achieved with macros:

<!--macros/menu-macros.html-->
{% macro menu_links(links) %}
    {% for link in links %}
        <li>
            <a href="https://stackoverflow.com/questions/8326482/{{ link.href }}">{{ link.name }}</a>
            {% if link.sublinks %}
                <ul>
                    {{ _self.menu_links(link.sublinks) }}
                </ul>
            {% endif %}
        </li>
    {% endfor %}
{% endmacro %}

In the main template, do this:

{% import "macros/menu-macros.html" as macros %}
<ul class="main-menu">
    {{ macros.menu_links(links) }}
</ul>

More Related Contents:

  1. One line recursive loop in python
  2. What is the most efficient/elegant way to parse a flat table into a tree?
  3. Convert a series of parent-child relationships into a hierarchical tree?
  4. How can I add up two 2d (pitched) arrays using nested for loops?
  5. create array tree from array list
  6. x86_64 – Assembly – loop conditions and out of order
  7. How exactly does the x86 LOOP instruction work?
  8. Register variables in with_items loop in Ansible playbook
  9. Loop through array of variable names in Less
  10. Hitting Maximum Recursion Depth Using Pickle / cPickle
  11. Using self.xxxx as a default parameter – Python
  12. Recursion vs loops
  13. PHP hierarchical array – Parents and childs
  14. cycling through a list of colors with sass
  15. Looping on a protractor test with parameters
  16. While, Do While, For loops in Assembly Language (emu8086)
  17. How I can stop an animated GIF in JavaFX?
  18. A puzzle related to nested loops
  19. Script runtime execution time limit
  20. How to flatten all items from a nested Java Collection into a single List?
  21. Map in order range loop
  22. PHP tree structure for categories and sub categories without looping a query
  23. How to iterate or map over tuples?
  24. Convert array of paths into UL list
  25. Counting nodes in a tree in Java
  26. Recursive tree search in a nested object structure in JavaScript
  27. How to deep copy a Binary Tree?
  28. Ping a list of host names and output the results to a csv in powershell
  29. Twig for loop for arrays with keys
  30. Get iteration index from List.map()

Leave a Comment