如何将 css 应用于 Django 模板中的三级递归 mptt 树？

Question

我有以下 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

我想为每个级别设置不同的样式。我必须在我的模板中更改什么才能完成此操作？

Answer 1

模板中的每个 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 %}

如何将 css 应用于 Django 模板中的三级递归 mptt 树？

How to apply css to a three level recursive mptt tree in Django template?

django

django-templates

django-mptt

mptt