在Djang中将值传递给Bootstrap模式

2024-04-20 10:56:19 发布

您现在位置:Python中文网/ 问答频道 /正文

我有一个很好的模式,每次用户想要删除数据时都会显示一个删除确认对话框。问题是我的许多视图在模板中呈现了一个元素列表,每个元素都有其详细信息以及一个小小的删除红色按钮。当然,在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>  

我想有一个引导模式,每次用户按下删除按钮出现,并确认他是删除一些数据。现在,我已经设法使modal出现并删除用户,但不是正确的用户,modal不知怎的只是获取或试图删除列表中的第一个用户。您可以在以下链接中使用modal检查我的整个模板:FULL HTML

最后,我的问题是如何将正确的{{client}传递给模态,而不是传递给客户端列表中的第一个模态,我假设这是因为for上的第一个已声明模态,然后不再声明它。

例如,我有3个客户:

client1@something.com         detele-button
client2@something.com         detele-button
client3@something.com         detele-button

无论我按哪个client delete按钮,它总是显示client1数据的模式,如果按confirm delete,它实际上会删除。

谢谢你。

编辑1:href不正常。


Tags: 数据用户client模板元素列表table模式
1条回答
网友
1楼 · 发布于 2024-04-20 10:56:19

找到了答案,真的要感谢基思xm23。

检查生成的HTML帮助我得到正确的结果。实际上每个模式都是正确生成的问题是每个模式的id属性都设置为相同的,在本例中是id="myModal",而delete按钮有href="#myModal"。解决方案是在整个文档中将modal id属性设置为唯一的值,我通过设置modalid="{{client.pk}}"和按钮href="#{{client.pk}}"成功地做到了这一点。

相关问题 更多 >