如何在模态窗口中显示 django 表单?

Cov*_*ver 4 django

我看到了这篇文章,但对我没有帮助

在模态窗口中,不显示窗体。

看法:

class CreateOrder(FormView):
    template_name = 'toner/add_order.html'

    form_class = OrderForm
    success_url = '/toner/'

    def form_valid(self, form):
        form.save()
        return super(CreateOrder, self).form_valid(form)
Run Code Online (Sandbox Code Playgroud)

add_order.html:

<div id="order" class="modal fade" role="dialog">
<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-body">
            <div class="container txt-box">
                <form action="{% url 'add_order' %}" role="form" method="post">
                    {% csrf_token %}
                    {{ form.media }}
                    {{ form.address }}
                    {{ form.room }}
                    {{ form.count }}
                    <button class="btn btn-success" type="submit">
                        Done
                    </button>
                </form>
            </div>
        </div>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

main_page.html:

{% extends 'toner/base.html' %}

{% block main_page %}

....

<div>
    <button class="btn btn-primary" data-toggle="modal" data-
    target="#order">
        Order
    </button>
    {% include "toner/add_order.html" %}
</div>
{% endblock %}
Run Code Online (Sandbox Code Playgroud)

网址:

url(r'add_order/$', CreateOrder.as_view(), name='add_order'),
Run Code Online (Sandbox Code Playgroud)

如果我直接转到 url (/add_order),它会起作用。我可以看到表格。但是从 main_page.html 中,模态窗口是空的。也许有人已经为自己解决了这样的任务?

更新

from django.views.generic import ListView, FormView
from .models import Printer, Order
from .forms import OrderForm


class MainPageView(ListView):
    template_name = 'toner/main_page.html'

    model = Printer

    def get_context_data(self, **kwargs):
        context = super(MainPageView, self).get_context_data(**kwargs)
        context['printer'] = Printer.objects.all()
        context['order'] = Order.objects.all()
        return context


class CreateOrder(FormView):
    template_name = 'toner/add_order.html'

    form_class = OrderForm
    success_url = '/toner/'

    def form_valid(self, form):
        form.save()
        return super(CreateOrder, self).form_valid(form)
Run Code Online (Sandbox Code Playgroud)

Mau*_*zar 5

它不起作用,因为您没有在视图中传递表单。您必须以main_page.html.

因为您调用的是 main_page.html 视图而不是 CreateOrder 视图,这就是 Django 可以呈现您的表单的原因。如果你发布你的主要观点,我可以帮助你。

我不确定基于类的视图,但应该是这样的:

class MainPageView(ListView, FormView):
    template_name = 'toner/main_page.html'

    model = Printer

    form_class = OrderForm
    success_url = '/toner/'

    def form_valid(self, form):
        form.save()
        return super(MainPageView, self).form_valid(form)

    def get_context_data(self, **kwargs):
        context = super(MainPageView, self).get_context_data(**kwargs)
        context['printer'] = Printer.objects.all()
        context['order'] = Order.objects.all()
        return context
Run Code Online (Sandbox Code Playgroud)