Django Ajax 重新排序不更新数据库中的字段答案

【问题标题】：Django Ajax Reorder Not Updating the Field in DatabaseDjango Ajax 重新排序不更新数据库中的字段
【发布时间】：2022-01-12 05:51:35
【问题描述】：

我正在按年级中的每个班级建立一个学生列表。我有一个文件夹，里面装满了下载到我的 img 文件夹中的学生的个人资料图片，我的模型中有一个列将详细信息（姓名、班级、年龄等）映射到图片名称。

我如何告诉我的桌子为每个学生带来适当的 img？

下面我的代码使用单个图像作为常量（例如，student1 的图片显示给所有人）。

list.html:

<table class="table table-hover" id="table-ajax">
  <thead class="thead-light">
    <tr>
      {% comment %} <th></th> {% endcomment %}
      <th style="width: 50px; text-align: center;"></th>
      <th>{{ object_list|verbose_name:'field:name' }}</th>
      <th>{{ object_list|verbose_name:'field:hometown' }}</th>
      <th>{{ object_list|verbose_name:'field:birthday' }}</th>
      <th>{{ object_list|verbose_name:'field:race' }}</th>
      <th>{{ object_list|verbose_name:'field:rank' }}</th>
      <th style="width: 50px; text-align: center;">Pictures</th>
      <th style="width: 160px; text-align: center;">Actions</th>
    </tr>
  </thead>
  <tbody class="order" data-url="{% url 'cms:reorder' model_name %}">
    {% include 'app/partials/pick_list_partial.html' %}
  </tbody>

部分列表.html：

{% for pick in object_list %}
<tr id="{{ pick.pk }}">
    <td><img src="{% static 'img/student1.jpg' %}" width="50" height="50"></td>
    <td><a href="{% url 'app:lead-list' pick.pk %}" title="Leads">{{ pick.name }}</a></td>
    <td>{{ pick.hometown }}</td>
    <td>{{ pick.birthday }}</td>
    <td>{{ pick.race }}</td>
    <td>{{ pick.rank }}</td>
    <td style="text-align: center;">
        <a href="{% url 'app:file-list' pick.pk %}" class="btn btn-outline-success btn-sm border-0" title="Files">
            <i class="fa fa-copy"></i></a></td>
    <td style="text-align: center;">
        <a href="{% get_object_url 'detail' pick %}" class="btn btn-outline-warning btn-sm border-0 ajax-load-form" title="View">
            <i class="fa fa-eye"></i></a>
        <a href="{% get_object_url 'update' pick %}" class="btn btn-outline-info btn-sm border-0 ajax-load-form" title="Edit">
            <i class="fa fa-edit"></i></a>
        <a href="{% get_object_url 'delete' pick %}" class="btn btn-outline-danger btn-sm border-0 ajax-load-form" title="Delete">
            <i class="fa fa-trash-alt"></i></a>
        <a href="" class="btn btn-sm border-0 reorder" title="Reorder">
            <i class="fa fa-sort text-secondary"></i></a>
    </td>
</tr>
{% empty %}
<tr class="table-warning nosort">
    <td colspan="100%" class="text-center"><small class="text-muted">No {{ model_verbose_name_plural|lower }}</small>
    </td>
</tr>
{% endfor %}

【问题讨论】：

标签： python html django

【解决方案1】：

假设，您的pick 对象中有属性image_path 等于img/student1.jpg。那么你应该像这样使用它：

{% for pick in object_list %}
<tr id="{{ pick.pk }}">
    <td><img src="{% static pick.image_path %}" width="50" height="50"></td>
    <td><a href="{% url 'app:lead-list' pick.pk %}" title="Leads">{{ pick.name }}</a></td>
    <td>{{ pick.hometown }}</td>
    <td>{{ pick.birthday }}</td>
    <td>{{ pick.race }}</td>
    <td>{{ pick.rank }}</td>
    <td style="text-align: center;">
        <a href="{% url 'app:file-list' pick.pk %}" class="btn btn-outline-success btn-sm border-0" title="Files">
            <i class="fa fa-copy"></i></a></td>
    <td style="text-align: center;">
        <a href="{% get_object_url 'detail' pick %}" class="btn btn-outline-warning btn-sm border-0 ajax-load-form" title="View">
            <i class="fa fa-eye"></i></a>
        <a href="{% get_object_url 'update' pick %}" class="btn btn-outline-info btn-sm border-0 ajax-load-form" title="Edit">
            <i class="fa fa-edit"></i></a>
        <a href="{% get_object_url 'delete' pick %}" class="btn btn-outline-danger btn-sm border-0 ajax-load-form" title="Delete">
            <i class="fa fa-trash-alt"></i></a>
        <a href="" class="btn btn-sm border-0 reorder" title="Reorder">
            <i class="fa fa-sort text-secondary"></i></a>
    </td>
</tr>
{% empty %}
<tr class="table-warning nosort">
    <td colspan="100%" class="text-center"><small class="text-muted">No {{ model_verbose_name_plural|lower }}</small>
    </td>
</tr>

【讨论】：