Как я могу визуализировать древовидную структуру (рекурсивную) с помощью шаблона django?
Вопрос
У меня есть древовидная структура в памяти, которую я хотел бы отобразить в HTML с помощью шаблона Django.
class Node():
name = "node name"
children = []
Там будет какой-то объект root
это очень Node
, и children
это список Node
s. root
будет передано в содержимом шаблона.
Я нашел это одно обсуждение того, как этого можно достичь, но плакат предполагает, что это может быть не очень хорошо в производственной среде.
Кто-нибудь знает способ получше?
Решение
Я думаю, что канонический ответ таков:"Не надо".
Что вам, вероятно, следует сделать вместо этого, так это распутать то, что находится в вашем Вид код, так что это просто вопрос перебора (in | de) вмятин в шаблоне.Я думаю, я бы сделал это, добавив отступы и выделения в список во время рекурсии по дереву, а затем отправив этот список "travelogue" в шаблон.(затем шаблон будет вставлен <li>
и </li>
из этого списка создаем рекурсивную структуру с "пониманием" ее.)
Я также почти уверен, что рекурсивное включение файлов шаблонов действительно неправильно способ сделать это...
Другие советы
Используя 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>
это может быть намного больше, чем вам нужно, но есть модуль django под названием 'mptt' - он хранит иерархическую древовидную структуру в базе данных sql и включает шаблоны для отображения в коде представления.возможно, вы сможете найти там что-то полезное.
вот ссылка : django-mptt
Я опоздал) Все вы используете так много ненужного с теги, вот как я делаю реквезив:
в основном шаблоне:
<!-- 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 %}
Да, ты можешь это сделать.Это небольшая хитрость, передающая имя файла в {% 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>
Возможно, вы еще не пробовали использовать default или ordered?
исправьте это:
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)
У меня была похожая проблема, однако я сначала реализовал решение с использованием JavaScript, и только после этого подумал, как бы я сделал то же самое в шаблонах django.
Я использовал утилиту serializer, чтобы преобразовать список моделей в json, и использовал данные json в качестве основы для своей иерархии.