如何将数据从django提供到模态?

时间:2017-04-09 21:15:15

标签: javascript python django

我试图找出如何从django获取数据到bootstrap模式。我对django很新,而且我刚开始使用JS。

我有一个django视图,通过ldap查询用户列表以获取属性列表。例如:

attributes = ['cn', 'givenName', 'displayName', 'sAMAccountName', 'userPrincipalName', 'mail', 'uidNumber', 'lastLogon']

def ad_users(request):
    users = get_ad_users('ou=TestUsers,dc=testdomain,dc=org', '(objectCategory=person)', attributes)
    return render(request, 'users.html', {'ad_users': users})

然后我使用表格在页面上显示它。 在django中使用模板for循环我遍历元素以生成表行。例如。 (忽略样式和属性等)。

{% for user in ad_users %}
to generate each <tr>
and each <td> references an item.
{{ user.displayName }} {{ user.mail }} etc.

然而,在行的最后,我想要一个&#34;视图&#34;按钮,显示弹出模式,其中包含该行用户的所有用户attriubtes(不仅仅是表中显示的内容)。

我真的不知道如何实现这一点,任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:0)

这适用于每个tr中的模态:

<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#{% user.id %}">Open Modal</button>

<div class="modal fade" id="{% user.id %}" role="dialog">
<div class="modal-dialog">

      <!-- Modal content-->
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h4 class="modal-title">Modal Header</h4>
        </div>
        <div class="modal-body">
          <p>Some text in the modal.</p>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        </div>
      </div>

    </div>
  </div>

然后,您可以在每个用户的模态中放置您想要的任何内容