Django：如何使用基于类的视图在模板中填充表单数据

没问题，针对你这种在同一个CreateView里使用两个表单的场景，我们需要先调整视图逻辑，再在模板里正确渲染填充数据，具体步骤如下：

默认的CreateView只支持单个表单，所以得重写几个核心方法来处理第二个表单sip_extension_form，确保它能被正确初始化、验证，并且在模板里能拿到数据。

修改后的视图代码如下：

from django.views.generic.edit import CreateView
from django.urls import reverse_lazy
from .models import xmpp_buddy_groups, SipExtension
from .forms import xmpp_buddy_groups_form, sip_extension_form

class ListAndCreate(CreateView):
    model = xmpp_buddy_groups
    form_class = xmpp_buddy_groups_form
    second_form_class = sip_extension_form
    template_name = "xmpp/index.html"
    success_url = reverse_lazy('xmpp:index')

    def get_context_data(self, **kwargs):
        # 把第二个表单加入模板上下文，GET请求给空表单，POST请求用提交的数据填充
        context = super().get_context_data(**kwargs)
        if 'second_form' not in context:
            if self.request.method == 'POST':
                context['second_form'] = self.second_form_class(self.request.POST)
            else:
                # 如果需要设置初始值，这里可以加initial参数，比如initial={'sip_extension': '1001'}
                context['second_form'] = self.second_form_class()
        return context

    def post(self, request, *args, **kwargs):
        # 处理POST请求，同时验证两个表单
        self.object = None
        main_form = self.get_form()
        sip_form = self.second_form_class(request.POST)

        if main_form.is_valid() and sip_form.is_valid():
            # 验证通过，保存两个表单的数据
            self.object = main_form.save()
            # 如果两个模型有关联，这里可以添加关联逻辑，比如sip_obj.group = self.object
            sip_obj = sip_form.save(commit=False)
            sip_obj.save()
            return self.form_valid(main_form)
        else:
            # 验证失败，返回带错误信息的表单
            return self.form_invalid(main_form, sip_form)

    def form_invalid(self, main_form, sip_form):
        # 重写form_invalid，把验证失败的第二个表单也传入上下文
        return self.render_to_response(self.get_context_data(form=main_form, second_form=sip_form))

关键是get_context_data方法，它负责把第二个表单传递给模板，不管是GET请求的空表单，还是POST验证失败后保留用户输入的表单，都能正确传递。

现在在你的xmpp/index.html模板里，可以直接通过form（对应xmpp_buddy_groups_form）和second_form（对应sip_extension_form）这两个变量来渲染表单，Django会自动处理数据填充——比如用户提交失败时保留输入内容，或者你设置了初始值的话显示默认数据。

快速渲染示例（用Django内置的表单渲染） #

<form method="post">
    {% csrf_token %}
    
    <h3>添加XMPP好友分组</h3>
    {{ form.as_p }}  <!-- 用段落形式渲染第一个表单的所有字段 -->
    
    <h3>选择SIP分机</h3>
    {{ second_form.as_p }}  <!-- 渲染第二个表单的字段 -->
    
    <button type="submit">提交</button>
</form>

自定义渲染示例（更灵活的控制） #

如果需要对表单字段做自定义样式或布局，可以单独渲染每个字段：

<form method="post">
    {% csrf_token %}
    
    <!-- 自定义渲染分组名称字段 -->
    <div class="form-item">
        <label for="{{ form.group_name.id_for_label }}">分组名称：</label>
        {{ form.group_name }}
        <!-- 显示字段错误信息 -->
        {% if form.group_name.errors %}
            <div class="error-message">
                {% for err in form.group_name.errors %}
                    {{ err }}
                {% endfor %}
            </div>
        {% endif %}
    </div>

    <!-- 自定义渲染SIP分机选择框 -->
    <div class="form-item">
        <label for="{{ second_form.sip_extension.id_for_label }}">SIP分机：</label>
        {{ second_form.sip_extension }}
        {% if second_form.sip_extension.errors %}
            <div class="error-message">
                {% for err in second_form.sip_extension.errors %}
                    {{ err }}
                {% endfor %}
            </div>
        {% endif %}
    </div>

    <button type="submit">提交</button>
</form>

如果需要给表单设置默认值，比如默认选中某个SIP分机，可以在视图的get_context_data里初始化表单时传入initial参数：

# 在get_context_data的else分支里修改：
context['second_form'] = self.second_form_class(initial={
    'sip_extension': 1001  # 这里填你想要的默认分机ID或值
})

这样打开页面时，SIP分机选择框就会默认选中对应的值啦。

内容的提问来源于stack exchange，提问作者deosha