我在内存中有一个树结构,我想使用 Django 模板在 HTML 中呈现。
class Node():
name = "node name"
children = []
会有一些对象root
是 a Node
,并且children
是Node
s 的列表。root
将在模板的内容中传递。
我发现了这个关于如何实现这一点的讨论,但海报表明这在生产环境中可能并不好。
有人知道更好的方法吗?
使用with
模板标签,我可以做树/递归列表。
示例代码:
主模板:假设“all_root_elems”是一个或多个树根的列表
<ul>
{%for node in all_root_elems %}
{%include "tree_view_template.html" %}
{%endfor%}
</ul>
tree_view_template.html 呈现嵌套ul
,li
并使用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>
我来晚了。
你们所有人都使用了太多不必要的标签,这就是我递归的方式:
在“主”模板中:
<!-- 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 %}
我认为规范的答案是:“不要”。
相反,您应该做的是解开视图代码中的内容,因此只需迭代模板中的 (in|de)dents。我想我会通过在树中递归的同时将缩进和缩进添加到列表中,然后将“游记”列表发送到模板来做到这一点。(然后模板将插入<li>
并</li>
从该列表中,创建具有“理解”它的递归结构。)
我也很确定递归地包含模板文件确实是一种错误的方法......
这可能比您需要的要多,但是有一个名为“mptt”的 django 模块 - 它在 sql 数据库中存储分层树结构,并包含用于在视图代码中显示的模板。你也许可以在那里找到有用的东西。
这是链接:django-mptt
是的,你可以做到。这是一个小技巧,将文件名作为变量传递给 {% include %}:
{% with template_name="file/to_include.html" %}
{% include template_name %}
{% endwith %}
对于这个确切的场景,Django 有一个内置的模板助手:
https://docs.djangoproject.com/en/dev/ref/templates/builtins/#unordered-list
我有同样的问题,我写了一个模板标签。我知道还有其他类似的标签,但无论如何我都需要学习制作自定义标签:) 我认为结果非常好。
阅读文档字符串以获取使用说明。
没有人喜欢听写吗?我可能在这里遗漏了一些东西,但这似乎是设置菜单最自然的方式。使用键作为条目,使用值作为链接将其弹出 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>
它还没有尝试过默认或有序的,也许你有?
纠正这个:
{% 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 %}
<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)
我有一个类似的问题,但是我首先使用 JavaScript 实现了解决方案,然后才考虑如何在 django 模板中做同样的事情。
我使用序列化器实用程序将模型列表转换为 json,并使用 json 数据作为我的层次结构的基础。