如何在user_list页面中将模板作为模态(详细用户数据)打开(Django 1.11)

时间:2018-04-24 07:18:38

标签: django django-templates

我有一个工作正常的用户列表页面,以及我在单独窗口中从urls.py调用的用户详细信息页面。我想在模态窗口中打开用户列表页面中的用户详细信息。

user_list.html

<table class="table table-bordered">
  <thead>
    <tr>
      <th>Name</th>
      <th>Surname</th>
      <th>Email</th>
      <th></th>
    </tr>
  </thead>
  <tbody>
    {% for user in users %}

    <tr userid="{{user.id}}" class="edit_user">
      <td>{{user.first_name}}</td>
      <td>{{user.last_name }}</td>
      <td>{{user.username }}</td>
      <td>
        <form class="right user_delete" method="POST" userid="{{user.id}}"
          action="{% url 'user_delete' user.id%}">
          {% csrf_token %}
          <input class="btn btn-danger btn-sm" type="submit" value="DELETE">
        </form>
      </td>
      <td><a type="button" class="btn btn-primary edit_user" href="{% url 'user_details' user.id %}" target="#edit_user"> UPDATE </a></td>
    </tr>
    {% empty %}
    <tr>
      <td>No Projects.</td>
    </tr>
    {% endfor %}
  </tbody>
</table>
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#registerformmodal"> New user </button>

user_detail.html

<h1>User Details</h1>
<p>{{ user_details.username }}</p>
<p>{{ user_details.first_name }}</p>

views.py

def user_details(request, userid):
    user = User.objects.get(id=userid)
    template = loader.get_template('vts/user_detail.html')
    context = {
        'user_details': user,
    }
    return HttpResponse (template.render(context, request))

1 个答案:

答案 0 :(得分:0)

此处按钮{ no login required }

data-target

查找与<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#registerformmodal"> New user </button> #registerformmodal

无关的<form>

您可以将ID添加到表单

<div>