Как применить css к трехуровневому рекурсивному дереву mptt в шаблоне Django?

У меня есть следующий шаблон для дерева Django-mptt:

{% load static i18n %}
<div id="work_tree">

{% load mptt_tags %}

<ol>
    {% recursetree piece_tree %}
        <li>
            <a href="../{{ node.id }}">{{ node.name_w_version }}</a>
            {% if not node.is_leaf_node %}
                <ul class="children">
                    <em>{{ children }}</em>
                </ul>             
            {% endif %}
        </li>
    {% endrecursetree %}
</ol>
</div>

Дерево имеет три уровня:

Level 1
   |---> Level 2
            |---> Level 3

Я хотел бы стилизовать каждый уровень по-разному. Что мне нужно изменить в моем шаблоне, чтобы добиться этого?


django django-templates django-mptt mptt
person H C    schedule 24.01.2020    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Каждый node в вашем шаблоне является экземпляром вашей модели mptt. Поэтому вы можете получить доступ к его уровню в своем шаблоне:

{% recursetree piece_tree %}
    <li>
        <a href="../{{ node.id }}">{{ node.name_w_version }}</a>
        {% if not node.is_leaf_node %}
            <ul class="children {% if node.level == 1 %}class_1{% elif node.level == 2 %}class_2{% endif %}">
                <em>{{ children }}</em>
            </ul>             
        {% endif %}
    </li>
{% endrecursetree %}
person Olzhas Arystanov    schedule 24.01.2020
comment
также проверьте это - person Oleg Russkin; 24.01.2020