我有一个很好的模式,每次用户想要删除数据时,都会显示一个删除确认对话框。问题是我的很多视图在模板中呈现一个元素列表,每个元素都有它的详细信息和一个小小的删除按钮。当然,在django中,视图会将一个元素列表传递给模板,例如一个客户列表,它们呈现在一个如下所示的表中:
<table class="table table-striped">
<thead>
<tr>
<th>Email</th>
</tr>
</thead>
<tbody>
{% for client in clientes %}
<tr>
<td>{{ client.email }}</td>
<td>
<div class="btn-group">
<!-- Delete button -->
<a href="#myModal" class="btn btn-danger btn-mini" title="Eliminar">
<i class="icon-trash icon-white"></i></a>
</div>
</td>
</tr>
{% endfor %}
</tbody>
字符串
我想有一个引导模式每次用户按下删除按钮出现,并确认他正在删除一些数据。现在,我已经设法使模式出现,并删除用户,但不是正确的用户,模式不知何故,它只得到,或试图删除列表中的第一个用户。你可以检查我的整个模板与模式在以下链接:FULL HTML
最后,我的问题与将正确的{{ client }}传递给modal有关,而不是传递给客户端列表中的第一个,我假设这是因为在for上声明了第一个modal,然后不再声明它。
例如,我在表中有3个客户:
[email protected] detele-button
[email protected] detele-button
[email protected] detele-button
型
无论我按下哪个客户端删除按钮,它总是显示带有client 1数据的模态,如果按下确认删除,它实际上会被擦除。
谢谢
edit 1:href不正常。
2条答案
按热度按时间wsxa1bj11#
找到了这个问题的答案,实际上要感谢keithxm23。
检查生成的HTML帮助我得到了正确的答案。实际上,每个模态都被正确地生成了问题是每个模态的id属性被设置为相同的,在这个例子中是
id="myModal"
,而删除按钮有href="#myModal"
。解决方案是将模态id属性设置为整个文档中唯一的值。通过设置modalid="{{client.pk}}"
和按钮href="#{{client.pk}}"
,我成功地做到了这一点。b1uwtaje2#
**
这可能是因为你使用的是整数,在css中标识符不能以一个数字,两个连字符或一个连字符后跟一个数字开头。