使用 Django 删除项目按钮仅删除第一项

Question

所以我一直在 DJANGO 中建立一个网站，其中包含一个服务器表（IP、所有者等）

我正在使用 mysql。

我为每个项目添加了一个删除和编辑按钮。 但是，删除按钮总是删除第一项而不是服务器旁边的按钮！

有行-

我尝试输入 server.id, {{ server.id }}.. 没有任何效果。 有人知道吗？

附言 当我在确认中询问您是否要删除 server.ServerName.. 它只询问第一台服务器的名称，即使它在循环中..

index.html-

    {% for server in posts %}

    <tr>
      <div class ="server">
        <td>{{ server.ServerName }}</td>
        <td>{{ server.Owner }}</td>
        <td>{{ server.Project }}</td>
        <td>{{ server.Description }}</td>
        <td>{{ server.IP }}</td>
        <td>{{ server.ILO }}</td>
        <td>{{ server.Rack }}</td>
        <td>{{ server.Status }}</td>

        <td>
        </div>

                    <button type="button" class="btn btn-primary" data-toggle="modal" href="#delete-server-{{server.id}}" data-target="#DeleteItem">Delete <span class="glyphicon glyphicon-trash" </span></button>
                    <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#DeleteItem">Edit <span class="glyphicon glyphicon-pencil" </span></button>
                    <div id ="DeleteItem" class="modal fade" role="document">
                        <div class="modal-dialog" id="delete-server-{{server.id}}">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <h5 class="modal-title">Delete Confirmation</h5>
                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                                </button>
                                    </div>
                                    <div class="modal-body">
                                    <form action="{% url 'delete_post' server.id %}" method="post">{% csrf_token %}
                                        <h6>Are you sure you want to delete {{ server.ServerName }}?</h6>

                                        <input type="submit" class="btn btn-danger btn-md" value="Confirm delete"/>
                                            <button type="submit" class="btn btn-secondary" data-dismiss="modal">Cancel</button>

                                    </form>
                                </div>
                                </div>


                    </div>

        </td>
            </div>
    </tr>
            {% endfor %}
</tbody>

views.py

from django.shortcuts import render_to_response
from django.shortcuts import render, redirect
from django.template import RequestContext
from django.views.generic import TemplateView, UpdateView, DeleteView, CreateView
from DevOpsWeb.forms import HomeForm
from DevOpsWeb.models import serverlist
from django.core.urlresolvers import reverse_lazy

class HomeView(TemplateView):

    template_name = 'serverlist.html'

    def get(self, request):
        form = HomeForm()
        posts = serverlist.objects.all()
        args = {'form' : form, 'posts' : posts}
        return render(request, self.template_name, args)

    def post(self,request):
        form = HomeForm(request.POST)
        posts = serverlist.objects.all()
        if form.is_valid(): # Checks if validation passed
            post = form.save(commit=False)
            post.save()
            text = form.cleaned_data['ServerName']
            form = HomeForm()
            return redirect('serverlist')
        args = {'form': form, 'text': text}
        return render(request, self.template_name,args)


class PostDelete(DeleteView):
    model = serverlist
    success_url = reverse_lazy('serverlist')

urls.py -

from django.conf.urls import url, include
from DevOpsWeb.views import HomeView
from DevOpsWeb.views import PostDelete
# Uncomment the next two lines to enable the admin:
from django.contrib import admin
admin.autodiscover()

urlpatterns = [
    # Examples:
url(r'^$', HomeView.as_view(), name='serverlist'),

# Uncomment the admin/doc line below to enable admin documentation:
 url(r'^admin/doc/', include('django.contrib.admindocs.urls')),
 url(r'^delete/(?P<pk>\d+)/$', PostDelete.as_view(), name="delete_post"),
 url(r'^django_popup_view_field/', include('django_popup_view_field.urls', namespace="django_popup_view_field")),
# Uncomment the next line to enable the admin:
 url(r'^admin/', include(admin.site.urls)),

]

Answer 1

尝试在你的删除按钮中更改data-target，这里是tbody的完整代码，你可以试试：

<tbody>
  {% for server in posts %}
  <tr>
    <td>{{ server.ServerName }}</td>
    <td>{{ server.Owner }}</td>
    <td>{{ server.Project }}</td>
    <td>{{ server.Description }}</td>
    <td>{{ server.IP }}</td>
    <td>{{ server.ILO }}</td>
    <td>{{ server.Rack }}</td>
    <td>{{ server.Status }}</td>
    <td>
      <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#Del{{server.id}}">
        Delete <span class="glyphicon glyphicon-trash"</span>
      </button>
      <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#Del{{server.id}}">
        Edit <span class="glyphicon glyphicon-pencil" </span>
      </button>
      <div id ="Del{{server.id}}" class="modal fade" role="document">
      <div class="modal-dialog" id="delete-server-{{server.id}}">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title">Delete Confirmation</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
          <div class="modal-body">
            <form action="{% url 'delete_post' server.id %}" method="post">
              {% csrf_token %}
              <h6>Are you sure you want to delete {{ server.ServerName }}?</h6>
              <input type="submit" class="btn btn-danger btn-md" value="Confirm delete"/>
              <button type="submit" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
            </form>
          </div>
        </div>
      </div>
      </td>
  </tr>
  {% endfor %}
</tbody>