如何使用 django 模板以特定顺序呈现 django 模型实例？

Question

我在我的 html 中有一个 div，每个 id 都是这样的：

<div class="row">
  <div class="myclass" id="id1"></div>
  <div class="myclass" id="id2"></div>
  <div class="myclass" id="id3"></div>
  <div class="myclass" id="id4"></div>
</div>

现在如何按下面指定的顺序渲染模型实例？

行的第一个 div 中的第一个实例

行的第二个 div 中的第二个实例

行的第三个 div 中的第三个实例

行的第四个 div 中的第四个实例

第五个实例在该行的第一个 div 中，依此类推。

任何帮助都将不胜感激，即使它使用的是 javascript 希望它会更简单。

Answer 1

在视图中，您可以使用以下方法“准备”数据：

def my_view(request):
    d = 4  # items per row
    items = list(MyModel.objects.all())
    items = [items[i:i+d] for i in range(0, len(items), d)]
    return render(request, 'name-of-template.html', {'items': items})

然后我们可以枚举子列表，并且对于每个子列表，可以枚举该子列表中的项目，所以：

{% for sublist in items %}
    <div class="row">
    {% for item in sublist %}
        <div class="myclass">{{ item }}</div>
    {% endfor %}
    </div>
{% endfor %}

这里的queryset 是您传递给模板渲染引擎的model.objects.all()。

Answer 2

在您的 html 文件中：

<!-- some code -->

<div class="row">
    {% for div_id in range(4) %}
    <div class="myclass" id="id{{ div_id + 1 }}">
        {% for instance in chosenInstances(instances, div_id + 1) %}
        {{ instance }}
        {% endfor %}
    </div>
    {% endfor %}
</div>

<!-- some code -->

在python中：

def chosenInstances(instances, div_id):
    return [instance for index, instance in enumerate(instances) if (index % 4 + 1) == div_id]

render_template("htmlfile.html", chosenInstances=chosenInstances)