我的删除模式表单总是删除数据模型中的第一个对象？（Django）

Question

我使用引导程序创建了一个模式来删除列表视图中的用户条目，因此我不得不在模板中使用 for 循环进行迭代，因此它总是删除第一个对象，而且它也永远不会关闭。我怎样才能使每个条目的按钮唯一，它只删除这个对象。

这是模态：

  {% for obj in patients %}

     <div class="modal fade" id="modalDelete" tabindex="-1" role="dialog" aria-labelledby="modalDelete"
  aria-hidden="true">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Delete patient!</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <p>Are you sure you want to delete this patient?</p>
      </div>
      <div class="modal-footer">
           <form method="POST" action="{% url 'patients:patient_delete' obj.pk %}">
                            {% csrf_token %}
        <input class="btn btn-danger" value="Yes" type="submit" >
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                       </form>
      </div>
    </div>
  </div>
</div>

{% endfor %}

这是我的触发按钮：

<button type ="button" class ="btn btn-danger" data-toggle="modal" data-target="#modalDelete" >Delete</button>

Answer 1

您为所有模态表单提供相同的 id。您应该消除歧义，例如将主键添加到您的 id，例如：

{% for obj in patients %}
<div class="modal fade" id="modalDelete{{ obj.pk }}" tabindex="-1" role="dialog" aria-labelledby="modalDelete"
  aria-hidden="true">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Delete patient!</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <p>Are you sure you want to delete this patient?</p>
      </div>
      <div class="modal-footer">
        <form method="POST" action="{% url 'patients:patient_delete' obj.pk %}">
        {% csrf_token %}
        <input class="btn btn-danger" value="Yes" type="submit" >
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
        </form>
      </div>
    </div>
  </div>
</div>
{% endfor %}

作为触发按钮：

&lt;button type ="button" class ="btn btn-danger" data-toggle="modal" data-target="#modalDelete<b>{{ obj.pk }}</b>"&gt;Delete&lt;/button&gt;