68

我在内存中有一个树结构,我想使用 Django 模板在 HTML 中呈现。

class Node():
  name = "node name"
  children = []

会有一些对象root是 a Node,并且childrenNodes 的列表。root将在模板的内容中传递。

我发现了这个关于如何实现这一点的讨论,但海报表明这在生产环境中可能并不好。

有人知道更好的方法吗?

4

10 回答 10

81

使用with模板标签,我可以做树/递归列表。

示例代码:

主模板:假设“all_root_elems”是一个或多个树根的列表

<ul>
{%for node in all_root_elems %} 
    {%include "tree_view_template.html" %}
{%endfor%}
</ul>

tree_view_template.html 呈现嵌套ulli并使用node模板变量如下:

<li> {{node.name}}
    {%if node.has_childs %}
        <ul>
         {%for ch in node.all_childs %}
              {%with node=ch template_name="tree_view_template.html" %}
                   {%include template_name%}
              {%endwith%}
         {%endfor%}
         </ul>
    {%endif%}
</li>
于 2012-07-25T07:21:27.853 回答
38

我来晚了。
你们所有人都使用了太多不必要标签,这就是我递归的方式:

在“主”模板中:

<!-- lets say that menu_list is already defined -->
<ul>
    {% include "menu.html" %}
</ul>

然后在menu.html

{% for menu in menu_list %}
    <li>
        {{ menu.name }}
        {% if menu.submenus|length %}
            <ul>
                {% include "menu.html" with menu_list=menu.submenus %}
            </ul>
        {% endif %}
    </li>
{% endfor %}
于 2015-10-26T07:31:07.580 回答
28

我认为规范的答案是:“不要”。

相反,您应该做的是解开视图代码中的内容,因此只需迭代模板中的 (in|de)dents。我想我会通过在树中递归的同时将缩进和缩进添加到列表中,然后将“游记”列表发送到模板来做到这一点。(然后模板将插入<li></li>从该列表中,创建具有“理解”它的递归结构。)

我也很确定递归地包含模板文件确实是一种错误的方法......

于 2008-08-28T12:47:29.243 回答
20

这可能比您需要的要多,但是有一个名为“mptt”的 django 模块 - 它在 sql 数据库中存储分层树结构,并包含用于在视图代码中显示的模板。你也许可以在那里找到有用的东西。

这是链接:django-mptt

于 2008-08-28T17:23:22.073 回答
12

是的,你可以做到。这是一个小技巧,将文件名作为变量传递给 {% include %}:

{% with template_name="file/to_include.html" %}
{% include template_name %}
{% endwith %}
于 2012-09-24T03:50:27.197 回答
10

对于这个确切的场景,Django 有一个内置的模板助手:

https://docs.djangoproject.com/en/dev/ref/templates/builtins/#unordered-list

于 2008-09-07T08:49:51.603 回答
9

我有同样的问题,我写了一个模板标签。我知道还有其他类似的标签,但无论如何我都需要学习制作自定义标签:) 我认为结果非常好。

阅读文档字符串以获取使用说明。

github.com/skid/django-recurse

于 2009-06-05T19:40:13.710 回答
1

没有人喜欢听写吗?我可能在这里遗漏了一些东西,但这似乎是设置菜单最自然的方式。使用键作为条目,使用值作为链接将其弹出 DIV/NAV 并离开!

从你的基地

# Base.html
<nav>
{% with dict=contents template="treedict.html" %}
 {% include template %}
{% endwith %}
<nav>

叫这个

# TreeDict.html
<ul>
{% for key,val in dict.items %}
 {% if val.items %}
  <li>{{ key }}</li>
  {%with dict=val template="treedict.html" %}
   {%include template%}
  {%endwith%}
 {% else %} 
  <li><a href="{{ val }}">{{ key }}</a></li>
 {% endif %}
{% endfor %} 
</ul>

它还没有尝试过默认或有序的,也许你有?

于 2014-09-25T18:06:37.530 回答
1

纠正这个:

root_comment.html

{% extends 'students/base.html' %}
{% load i18n %}
{% load static from staticfiles %}

{% block content %}

<ul>
{% for comment in comments %}
    {% if not comment.parent %}                   ## add this ligic
    {% include "comment/tree_comment.html" %}
    {% endif %}
{% endfor %}
</ul>

{% endblock %}

tree_comment.html

<li>{{ comment.text }}
    {%if comment.children %}
        <ul>
         {% for ch in comment.children.get_queryset %}     # related_name in model
              {% with comment=ch template_name="comment/tree_comment.html" %}
                   {% include template_name %}
              {% endwith %}
         {% endfor %}
         </ul>
    {% endif %}
</li>

例如 - 型号:

from django.db import models
from django.contrib.auth.models import User
from django.utils.translation import ugettext_lazy as _


# Create your models here.
class Comment(models.Model):
    class Meta(object):
        verbose_name = _('Comment')
        verbose_name_plural = _('Comments')

    parent = models.ForeignKey(
        'self',
        on_delete=models.CASCADE,
        parent_link=True,
        related_name='children',
        null=True,
        blank=True)

    text = models.TextField(
        max_length=2000,
        help_text=_('Please, your Comment'),
        verbose_name=_('Comment'),
        blank=True)

    public_date = models.DateTimeField(
        auto_now_add=True)

    correct_date = models.DateTimeField(
        auto_now=True)

    author = models.ForeignKey(User)
于 2017-07-30T09:50:11.337 回答
-2

我有一个类似的问题,但是我首先使用 JavaScript 实现了解决方案,然后才考虑如何在 django 模板中做同样的事情。

我使用序列化器实用程序将模型列表转换为 json,并使用 json 数据作为我的层次结构的基础。

于 2008-09-03T12:25:19.000 回答