模态不加载表格数据

时间:2019-03-08 00:15:50

标签: javascript ajax django bootstrap-modal ajaxform

我有数据表单和数据更新视图,当我不使用模式时,它可以完美工作,但是当使用模式时,它会加载空表格,如果我不使用模式,则将数据保存在数据库出现。 我不知道我要去哪里错了。 我可以更改用户名并保存,问题是,假设用户1和我想更改为用户2名称,当我单击以更改名称时,表单字段没有填写用户1。 如果我不使用模式,则它已经包含了user1

views.py

class UserNameUpdate(LoginRequiredMixin, UpdateView):
    model= User 
    fields = ['username']
    template_name=' /change-username.html'

    def get_object(self, queryset=None):
        if queryset is None:
            queryset = self.get_queryset()   # This should help to get current user 

        # Next, try looking up by primary key of Usario model.
        queryset = queryset.filter(pk=self.request.user.usuario.pk)


        try:
            # Get the single item from the filtered queryset
            obj = queryset.get()
        except queryset.model.DoesNotExist:
            raise Http404("No user matching this query")
        return obj


    def get_success_url(self):
        return reverse('sistema_perfil')

change-username.html

{% load static %}
{% load bootstrap %}
{% load widget_tweaks %}
{% load crispy_forms_tags %}
{% block main %}
<div class="container">
<div class="card text-white bg-primary mb-3">
        <div class="card-header"><small class="text">
          <a href="{% url 'sistema_index' %}" class="text-white ">Home /</a>  
          <a href="{% url 'sistema_perfil' %}" class="text-white ">Perfil /</a>  
          <a  class="text-white">Usúario</a>
            </small></a></p> Alterar Nome do Usúario</div>
  <div class="card bg-light text-center ">
  <div class="card-body text-secondary text-center">



<form method="post" action="{% url 'sistema_change_username' %}" class="form-signin" enctype="multipart/form-data" id="form" name="form" validate>
{% csrf_token %}

<div class="form-row "> 


    <div class="form-group col-md-6 text-center">
        {{ form.username| as_crispy_field}}
      </div>
</div>

<input type="submit" class="btn btn-primary " >

</form>


<a class="btn btn-light float-left" href="sistema_perfil" role="button">Voltar</a>


</div>
</div>
</div>
</div>
{% endblock %}

menu_perfil.html

    <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">
            Launch demo modal
        </button>

                    <!-- Modal -->
                    <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                        <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                            <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                            </div>
                            <div class="modal-body">

    {% include 'profile/change-username.html' %}
                            </div>
                            <div class="modal-footer">

                            </div>
                        </div>
                        </div>
                    </div>

1 个答案:

答案 0 :(得分:0)

我是对的有模态和无模态模板从两个不同的视图加载吗?如果是这样,那么问题就出在您如何使用Django的{% include %}模板标签。这是文档:

https://docs.djangoproject.com/en/2.1/ref/templates/builtins/#include

关键行:“一个包含的模板在包含它的模板的上下文中呈现。”

看起来menu_perfil.html是从不同的视图呈现的,它不会将表单对象传递到其上下文中。因此menu_perfil.html不知道{{ form }}是什么。而change-username.html是通过UsernameUpdate视图和表单对象呈现的。尝试将表单HTML围绕表单代码移动到change-username.html中,而不要包含单独的代码段,然后看看是否可以解决问题。

通常,由于这样的限制,除非确实需要,否则使用{% extends %}从基本模板继承比使用includes更好。