Comment rendre un arbre dans Twig

Je tiens à rendre un arbre avec une profondeur indéterminée (enfants de enfants de les enfants, etc.). J'ai besoin d'une boucle sur le tableau de manière récursive; comment puis-je faire dans Twig?

InformationsquelleAutor T-RonX | 2011-11-30

105

Grâce domi27, j'ai joué un peu avec votre idée et est venu avec cette. J'ai fait un tableau imbriqué comme mon arbre, ['link']['sublinks'] est null ou un autre tableau de la même chose.

Modèles

Le sous-fichier de modèle de répéter avec:
```

{% for link in links %}
    <li>
        <a href="{{ link.href }}">{{ link.name }}</a>
        {% if link.sublinks %}
            <ul>
                {% include "includes/menu-links.html" with {'links': link.sublinks} %}
            </ul>
        {% endif %}
    </li>
{% endfor %}
```
Puis dans le template principal appeler cela (un peu redondant avec " trucs là):
```
<ul class="main-menu">
    {% include "includes/menu-links.html" with {'links':links} only %}
</ul>
```
Macros

Un effet similaire peut être obtenu avec des macros:
```

{% macro menu_links(links) %}
    {% for link in links %}
        <li>
            <a href="{{ link.href }}">{{ link.name }}</a>
            {% if link.sublinks %}
                <ul>
                    {{ _self.menu_links(link.sublinks) }}
                </ul>
            {% endif %}
        </li>
    {% endfor %}
{% endmacro %}
```
Dans le template principal ce faire:
```
{% import "macros/menu-macros.html" as macros %}
<ul class="main-menu">
    {{ macros.menu_links(links) }}
</ul>
```
Espère que cela aide 🙂
- Très bon, merci! Si vous souhaitez utiliser la macro dans le même modèle, vous pouvez utiliser {{ _self.menu_links(links) }}.
- merci, la pensée de ce fait mon cerveau blessé, mais votre réponse est parfaitement logique.
- J'ai eu un problème avec mon projet avec des commentaires. subcomments(sublinks) ont également été inclus dans la collection principale(liens). donc, avant de l'inclure, je devais vérifier si le commentaire a eu un 'parent' entrée.
- À l'aide de {{_self.menu_links}} est un mauvaise pratique! Lire ici une note: macro Lorsque vous définissez une macro dans le modèle où vous voulez l'utiliser, vous pourriez être tenté d'appeler la macro directement via _self.input() au lieu de l'importer; même si cela semble fonctionner, c'est juste un effet de bord de la mise en œuvre actuelle et elle ne fonctionnera plus dans Twig 2.x. Vous devez importer des macros localement une fois de plus insite menu_links
InformationsquelleAutor random-coder-1920

Si vous souhaitez utiliser un Macro dans le même modèle vous devriez utiliser quelque chose comme cela pour rester compatible avec Twig 2.x:

{% macro menu_links(links) %}
    {% import _self as macros %}
    {% for link in links %}
        <li>
            <a href="{{ link.href }}">{{ link.name }}</a>
            {% if link.sublinks %}
                <ul>
                    {{ macros.menu_links(link.sublinks) }}
                </ul>
            {% endif %}
        </li>
    {% endfor %}
{% endmacro %}

{% import _self as macros %}

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

Cela s'étend random-coder's réponse et intègre dr.scre's allusion à la rameau de la documentation sur les macros maintenant utiliser _self mais importer localement.

Modifier (2019-07-01):

De Twig 2.11 vous pouvez omettre le {% import _self as macros %}, comme inline macros sont importées automatiquement dans le _self espace de noms (voir Brindille de l'annonce: macro Automatique d'importation):

{# {% import _self as macros %} - Can be removed #}

<ul class="main-menu">
    {{ _self.menu_links(links) }} {# use _self for inlined macros #}
</ul>

InformationsquelleAutor flu

2

Si vous êtes en cours d'exécution de PHP 5.4 ou plus, il ya une merveilleuse nouvelle solution (à partir de Mai 2016) à ce problème par Alain Tiemblo: https://github.com/ninsuo/jordan-tree.

C'est un "arbre" de la balise qui sert cet objectif précis. Balisage devrait ressembler à ceci:
```
{% tree link in links %}
    {% if treeloop.first %}<ul>{% endif %}

    <li>
        <a href="{{ link.href }}">{{ link.name }}</a>
        {% subtree link.sublinks %}
    </li>

    {% if treeloop.last %}</ul>{% endif %}
{% endtree %}
```
- Vous ne pouvez pas transmettre des variables supplémentaires à subtree. Dans mon cas, le code a besoin de savoir s'il y aura plus d'enfants et qu'il passe le nombre de niveaux à la macro, donc il peut faire un <div class="{{ classes[current_level].wrapper }} {% if levels > current_level %}accordion-wrapper{% endif %}">. Le calcul de cette nécessiterait une itération le niveau actuel une deuxième fois, juste pour la capture de savoir si il y a des enfants.
InformationsquelleAutor Jordan Lev
1

J'ai d'abord pensé, cela peut être résolu en simple - mais il n'est pas facile.

Vous avez besoin pour créer une logique, peut-être avec une classe php méthode, l'inclusion d'un rameau de tête, et quand ne pas.
```

<ul>
{% for key, item in menu %}
    {# pseudo twig code #}
    {% if item|hassubitem %}
        {% include "subitem.html.tpl" %}
    {% else %}
        <li>{{ item }}</li>
    {% endif %}
{% endfor %}
</ul>
```
De sorte que vous pourriez utiliser le twig variable de boucle , qui est disponible à l'intérieur d'une brindille pour la boucle. Mais je ne suis pas sûr au sujet de la portée de cette boucle variable.

Désolé pour fournir une approche non pas une solution, mais peut-être j'espère que mes pensées peuvent vous aider (un peu).

Cela et d'autres informations sont disponibles sur Les rameaux "pour" Docu !

InformationsquelleAutor domi27

A eu la grippe la réponse et l'a modifié un peu:

{# macro #}

{% macro tree(items) %}
    {% import _self as m %}
        {% if items %}
        <ul>
            {% for i in items %}
                <li>
                    <a href="{{ i.url }}">{{ i.title }}</a>
                    {{ m.tree(i.items) }}
                </li>
            {% endfor %}
        </ul>
    {% endif %}
{% endmacro %}

{# usage #}

{% import 'macros.twig' as m %}

{{ m.tree(items) }}

InformationsquelleAutor Sergey Atroshchenko

-1

Les réponses ici conduire ma pour ma Solution.

J'ai une Catégorie de l'Entité avec l'auto référencement ManyToOne (association de parents pour les enfants).

/**
 * @ORM\ManyToOne(targetEntity="Category", inversedBy="children")
 */
private $parent;

/**
 * @ORM\OneToMany(targetEntity="Category", mappedBy="parent")
 */
private $children;

Dans mon template twig je suis rendu la vue de l'arborescence comme ceci:

<ul>
{% for category in categories %}
    {% if category.parent == null %}
        <li>
            <a href="{{ category.id }}">{{ category.name }}</a>
            {% if category.children|length > 0 %}
            <ul>
            {% for category in category.children %}
                <li>
                    <a href="{{ category.id }}">{{ category.name }}</a>
                </li>
            {% endfor %}
            </ul>
            {% endif %}
        </li>
    {% endif %}
{% endfor %}
</ul>

Que faire si vous avez plus d'un niveau de hiérarchie des catégories?

InformationsquelleAutor Patric Robert Gutersohn

Vous devez vous connecter pour publier un commentaire.