Django和HTML模板:按具有公共对象属性的面板分组

Question

再一次，我回来找你，以便得到建议或帮助。我在django模板中显示了一个对象列表，我希望通过一个公共属性：category对它们进行排序。

显示的每个对象(一个出版物)都有一些属性：category、format、language .

例如：

​

​

带蓝色背景的白色文本指示类别。我有两个category = BIOLOGICAL STANDARDISATION PROGRAMME出版物和一个category = TEST出版物

我想将两个BIOLOGICAL STANDARDISATION PROGRAMME组合在一个面板中，但我找不到这样的方法。

这是我的HTML模板文件：

{% for element in test_research|dictsort:"publication.category.name" %}
          <div class="col-sm-12">
            <div class="panel panel-default request-panel">
              <div class="panel-heading" role="tab">
                <h4 class="panel-title">
                  {{ element.publication.category }}
                </h4>
              </div>

              <div class="panel-body">
                <div class="row">
                  <div class="col-sm-9">
                    <p class="request-publication">{{ element.publication }} </p>
                  </div>
                  <div class="col-sm-3 request-cover">
                    {% if element.publication.cover %}
                      <a href="{{ element.publication.cover.url }}" target="_blank">
                        {% thumbnail element.publication.cover "40x40" crop="center" as im %}
                          <img src="{{ im.url }}" width="{{ im.width }}" height="{{ im.height }}">
                        {% endthumbnail %}</a>
                    {% endif %}

                  </div>
                </div>
              </div>
              <div class="panel-footer">
                <div class="row">
                  <table>
                    <tbody>
                    <tr>
                      <td class="col-md-1">
                        <div class="material-switch pull-right">
                          <input id="someSwitchOptionSuccess_{{ element.id }}" name="DocumentChoice" type="checkbox"
                                 value="{{ element.id }}"/>
                          <label for="someSwitchOptionSuccess_{{ element.id }}" class="label-success"></label>
                        </div>
                      </td>
                      <td class="col-md-1 request-language"> {{ element.language }}</td>
                      <td class="col-md-1 request-format">
                        {% if element.format == 'pdf' %}
                          <span class="badge alert-danger">{{ element.format }}</span>
                        {% endif %}
                        {% if element.format == 'epub' %}
                          <span class="badge alert-info">{{ element.format }}</span>
                        {% endif %}
                      </td>
                      <td class="col-md-1 request-flag">
                        {% if element.publication.new_publication == True %}
                          <span class="glyphicon glyphicon-flag"></span>
                        {% else %}
                          <span></span>
                        {% endif %}
                      </td>
                      <td class="col-md-offset-5 col-md-3 text-right">{{ element.title }}</td>
                    </tr>
                    </tbody>
                  </table>

                </div>
              </div>
            </div>
          </div>
        {% endfor %}

在我的views.py文件中：

def get_context_data(self, **kwargs):

    search_category = Document.objects.values_list('publication__category__name', flat=True).distinct()
    kwargs['search_category'] = search_category

    search_format = Document.objects.values_list('format', flat=True).distinct()
    kwargs['search_format'] = search_format

    search_language = Document.objects.values_list('language', flat=True).distinct()
    kwargs['search_language'] = search_language

    checkbox_category = self.request.GET.getlist('CategoryChoice')
    checkbox_format = self.request.GET.getlist('FormatChoice')
    checkbox_language = self.request.GET.getlist('LanguageChoice')
    choice_title = self.request.GET.get('TitleChoice')

    kwargs['checkbox_category'] = checkbox_category
    kwargs['checkbox_format'] = checkbox_format
    kwargs['checkbox_language'] = checkbox_language
    kwargs['choice_title'] = choice_title

    # default to all documents

    test_research = Document.objects.all().order_by('publication__category__name')
    kwargs['test_research'] = test_research

    if "SubmitChoice" in self.request.GET:

        test_research = Document.objects.all()

        # if user entered any search criteria, add those filters
        if checkbox_category:
            test_research = test_research.filter(publication__category__name__in=checkbox_category)

        if checkbox_format:
            test_research = test_research.filter(format__in=checkbox_format)

        if checkbox_language:
            test_research = test_research.filter(language__in=checkbox_language)

        if choice_title:
            test_research = test_research.filter(
                Q(title__icontains=choice_title) | Q(publication__title__icontains=choice_title))

        kwargs['test_research'] = test_research

    return super(HomeView, self).get_context_data(**kwargs)

如果有必要，我可以添加models.py文件。如何才能将它们分组在同一个类别面板中呢？

编辑:

我也许发现了些什么

{% for category in checkbox_category %}
      <div class="col-sm-12">
        <div class="panel panel-default request-panel">
          <div class="panel-heading" role="tab">
            <h4 class="panel-title">
              {{ category }}
            </h4>
          </div>

          {% for element in test_research %}
            {{ element.publication.category }} - {{ category }}
            {% if element.publication.category == category %}

但是if条件似乎不起作用，即使{{element.publication.category}} == {{category}}

Answer 1

您应该重构视图中的数据，以便它已经为模板做好了准备。Django的模板系统是以一种避免这种逻辑的方式构建的。

你可以简单地这样做：

from collections import defaultdict

research_categories = defaultdict(list)
for element in test_research:
    research_categories[element.publication.category].append(element)

然后在模板中使用research_categories。