在Django中向Bootstrap模式传递值

s8vozzvw  于 5个月前  发布在  Bootstrap
关注(0)|答案(2)|浏览(85)

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

wsxa1bj1

wsxa1bj11#

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

b1uwtaje

b1uwtaje2#

**

这可能是因为你使用的是整数,在css中标识符不能以一个数字,两个连字符或一个连字符后跟一个数字开头。

相关问题