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

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

html mysql django database web

Html 使用Django删除项目按钮仅删除第一个项目,html,mysql,django,database,web,Html,Mysql,Django,Database,Web,因此，我一直在DJANGO建立一个网站，其中包含一个服务器表（IP、所有者等）我正在使用mysql 对于每个项目，我都添加了一个删除和编辑按钮。但是，删除按钮总是删除按钮旁边的服务器的第一项，而不是第一项有一条线- 我尝试放置server.id，{{server.id}}。。什么都没用。有人知道吗附言当我在确认中询问您是否要删除server.ServerName。。它只要求第一台服务器的名称，即使它在循环中 index.html- {% for server in posts

因此，我一直在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>

url.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)),

从django.conf.url导入url，包括
从DevOpsWeb.views导入HomeView
从DevOpsWeb.views导入PostDelete
#取消注释下两行以启用管理员：
从django.contrib导入管理
admin.autodiscover（）
URL模式=[
#示例：
url（r'^$'，HomeView.as_view（），name='serverlist'），
#取消注释下面的admin/doc行以启用管理员文档：
url（r“^admin/doc/”，包括（'django.contrib.admindocs.url'），
url（r'^delete/（？P\d+/$），PostDelete.as_view（），name=“delete_post”），
url（r“^django\u popup\u view\u field/”，包括（'django\u popup\u view\u field.url'，namespace=“django\u popup\u view\u field”），
#取消注释下一行以启用管理员：
url（r“^admin/”，包括（admin.site.url）），

]

尝试更改删除按钮中的

数据目标，这里是t正文的完整代码
您可以尝试：
<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>


{%用于posts%中的服务器}
{{server.ServerName}}
{{server.Owner}
{{server.Project}
{{server.Description}
{{server.IP}
{{server.ILO}
{{server.Rack}
{{server.Status}
删除尝试在删除按钮中更改数据目标
，这里是t正文的完整代码
您可以尝试：
<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>


{%用于posts%中的服务器}
{{server.ServerName}}
{{server.Owner}
{{server.Project}
{{server.Description}
{{server.IP}
{{server.ILO}
{{server.Rack}
{{server.Status}
删除显示您的删除视图代码，请添加URL和视图文件这是否有效<代码>{%url'delete_post'pk=server.id%}
我试过了。。。一样。。请求删除第一项并删除他而不是其他项似乎html结构无效。这可能会引起你的问题td
必须是tr
的直接子级。打开td后，您立即关闭了div。显示您的删除视图代码，请读取已删除的URL和视图文件这是否有效<代码>{%url'delete_post'pk=server.id%}
我试过了。。。一样。。请求删除第一项并删除他而不是其他项似乎html结构无效。这可能会引起你的问题td
必须是tr
的直接子级。而你在打开td后就关闭了div我试过了。。数据目标查找div id。。更改后，删除的确认停止工作。@EilonAshkenazi i更新了答案，删除了一些类，但您可以尝试tbody
Perfect。很好用！很高兴帮助你！我试过。。数据目标查找div id。。更改后，删除的确认停止工作。@EilonAshkenazi i更新了答案，删除了一些类，但您可以尝试tbody
Perfect。很好用！很高兴帮助你！