如何创建一个在同一页面上显示所有单选按钮的表单?

时间:2019-05-03 19:19:35

标签: django django-forms

我正在创建测验/调查应用程序。

  1. 如何使用表单(例如ModelForm)显示选项 并在同一页面上为每个问题设置一个单选按钮? (我有 阅读文档,但目前似乎无法生成 有效的ModelForm。)
  2. 如何通过单击一个提交按钮将所有单选按钮选择返回到视图?

我花了整整一天时间阅读文档,在线文章以及我能找到的尽可能多的SO答案。我怀疑我错过了几个因素。

我不得不使用模板标签来编写页面。我想知道学会正确使用Django表单。

models.py

from django.db import models
from django.contrib.auth.models import User


class Collection(models.Model):
    date = models.DateTimeField()

    def __str__(self):
        return 'Collection of questions'


class Question(models.Model):
    question_text = models.CharField(max_length=400)
    collection = models.ForeignKey(Collection, on_delete=models.CASCADE, default=None)
    date_published = models.DateTimeField('date published')

    @property
    def options(self):
        options = self.option_set.all()
        return options if options.exists() else 'No options for this question'

    def __str__(self):
        return self.question_text


class Option(models.Model):
    option_text = models.CharField(max_length=400)
    question = models.ForeignKey(Question, on_delete=models.CASCADE)

    def __str__(self):
        return f'{self.option_text}'


class Answer(models.Model):
    claim_reference_number = models.IntegerField()
    date_selected = models.DateTimeField('date selected')
    chosen_option = models.ForeignKey(Option, on_delete=models.CASCADE)
    collection = models.ForeignKey(Collection, on_delete=models.CASCADE)

    @property
    def question(self):
        return self.chosen_option.question

    def __str__(self):
        return f'{self.claim_reference_number} selected \'{self.chosen_option}\' in response to \'{self.question}\''

views.py

def new_assessment(request, reference_number):
    collection = Collection.objects.get(pk=1)
    context = {'collection': collection,
               'reference_number': reference_number,
               }
    return render(request, 'ad/templates/new_assessment.html', context)

模板

<h2>New survey</h2>
<form method="POST" action=''>
    {% csrf_token %}
    <div> reference_number = {{ reference_number }}</div>
    {% for question in collection.question_set.all %}
    <h5>{{ question.question_text }}</h5>
        {% for option in question.option_set.all %}
            <p><input type="radio" name="option for {{ question.pk }}" id="option{{ option.pk }}">
            <label for="option{{ option.pk }}">{{ option.option_text }}</label></p>
        {% endfor %}
    {% endfor %}
        <br>
    <button type="submit" class="save btn btn-default" value="selected">Save</button>
</form>

我目前使用html和模板标签的结果如下。我想使用django表单生成相同的内容。

![图片] https://imgur.com/gizp0rT

1 个答案:

答案 0 :(得分:0)

关于:

1. How may I use a form (such as a ModelForm) to display the options and a radio button for each question on the same page?

我使用了带有自定义模型表单的模型表单集工厂。这是通过以下方式完成的:

a)在Forms.py(How to add a custom field in django model form?)中创建自定义模型表单。为了达到我想要的目的,这涉及使用Meta类:将choices定义为与特定问题相关的选项的外键中;并为每个选项添加RadioSelect小部件。

b)创建模型表单集。这涉及使用模型表单集工厂和自定义模型表单(https://docs.djangoproject.com/en/2.2/topics/forms/modelforms/)构建模型表单集

c)使用视图将模型formset从forms.py(我在其中创建了modelformset和自定义表单)传递给模板。

2. How may I return all of the radio button selections to the view by clicking one submit button?

按下提交按钮会将完成的表单集发布回视图。到达后,遍历表单集数据(Django accessing formset data)。在数据库中创建适当的模型记录并将其保存。