我有一个表来显示我的应用程序中的操作列表。我可以删除该表中的任何操作。因此,我在每行中添加了一个删除按钮。此删除按钮将触发“删除确认”引导模式。
<table class="table table-hover">
<thead>
<tr>
<th scope="col">#</th>
<th scope="col" class="th-lg">Name</th>
</tr>
</thead>
{% for action in actions_list %}
<tbody>
<tr class="test">
<th scope="row" class="align-middle">{{ forloop.counter }}</th>
<td class="align-middle">
{{action.action_name}}
</td>
<td class="align-middle">
{{action.id}}
</td>
<td>
<div class="row justify-content-end">
<button
id="edit"
type="button"
class="btn btn-sm btn-dark col col-lg-2"
style="color: rgb(255,0,0,0)"
>
<i class="lni-pencil"></i>
</button>
<button
id="trash"
type="button"
class="btn btn-sm btn-dark col col-lg-2"
style="color: rgb(255,0,0,0)"
data-toggle="modal"
data-target="#modalConfirmDelete"
>
<i class="lni-trash"></i>
</button>
</div>
</td>
</tr>
</tbody>
{% endfor %}
</table>
下面是'删除确认'引导模式的代码。它将有'是'和'否'按钮。如果单击'是',则该特定操作ID将被传递到URL,并且该特定操作ID将被删除。
{% block modalcontent %}
<!--Modal: modalConfirmDelete-->
<div
class="modal fade"
id="modalConfirmDelete"
tabindex="-1"
role="dialog"
aria-labelledby="exampleModalLabel"
aria-hidden="true"
>
<div class="modal-dialog modal-sm modal-notify modal-danger" role="document">
<!--Content-->
<div class="modal-content text-center">
<!--Header-->
<div class="modal-header d-flex justify-content-center">
<p class="heading">Are you sure?</p>
</div>
<!--Body-->
<div class="modal-body">
<i class="fas fa-times fa-4x animated rotateIn"></i>
</div>
<!--Footer-->
<div class="modal-footer flex-center">
<form action="{% url 'delete_action' aid=action.id %}">
{% csrf_token %}
<button class="btn btn-outline-danger">Yes</button>
</form>
<a
type="button"
class="btn btn-danger waves-effect"
data-dismiss="modal"
>No</a
>
</div>
</div>
<!--/.Content-->
</div>
</div>
{% endblock %}
在上面的代码中,我使用了一个form标记来表示删除操作,然后该操作ID URL将被触发。
以下是删除操作的URL,
re_path(r'^delete_action/(?P<aid>\d+)/',
views.delete_action, name='delete_action')
我面临的问题:我需要action.id模态中的www.example.com值,但我没有得到!
请帮我解决这个问题。提前感谢:)
6条答案
按热度按时间jw5wzhpr1#
如果你们中的任何人正在经历这种情况,我有一个快速解决办法。
主要思想是使用Javascript更改表单的操作URL
views.py
我将在这里尝试提供最低限度的解决方案:
my link in the list for delete item will be:
modal that popup will be:
现在,我们必须使用项目的a href值更改表单操作URL
我知道现在回答你的问题已经太迟了,但对其他人可能会有帮助。这是从列表中删除项目而不将页面重定向到确认页面的最简单方法。
注意:前端框架引导程序用于显示模态,因此在继续此解决方案之前,您必须检查引导程序是否正常工作。
zsbz8rwp2#
有关Gorkali的答案的更多解释,您可以查看这里:https://elennion.wordpress.com/2018/10/08/bootstrap-4-delete-confirmation-modal-for-list-of-items/
这就是我如何解决它的方法,基于上面的答案,使用普通JavaScript,并添加一些更多的功能:
在
my_template.html
中:使用包含文件
confirm_modal.html
:ar5n3qh53#
删除链接:
莫代尔:
浏览次数:
li9yvcax4#
试试这个
你的莫代尔
lb3vh1jj5#
我从**@dipesh**得到了这个例子,但是为了对我有效,我需要改变一些东西(标签“a”和javascript)来获得正确的元素。
我的剧本
我在删除项目列表中的链接将是:
我的模态
w9apscun6#
您也可以不使用JavaScript来实现(另请参见this问题中@lemayzeur的答案中的选项1)item.id: