Django Ajax Reorder не обновляет поле в базе данных

Я строю список учеников по каждому классу в классе. У меня есть папка, полная фотографий профилей учеников, загруженных в папку img, и колонка в моей модели, которая сопоставляет детали (имя, класс, возраст и т.д.) с именем изображения.

Как мне сказать моей таблице, чтобы она вводила соответствующий img для каждого ученика?

Ниже я привожу код, работающий для использования одного изображения в качестве константы (например, фотография студента1 отображается для всех).

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>

partial-list.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 %}

Предположим, что у вас есть свойство image_path в объекте pick, которое равно 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>
Вернуться на верх