正确使用Django FormPreview

时间:2015-06-11 02:25:42

标签: python django django-forms django-templates

我的目标

我有一个带表单的django项目,我希望在用户提交之前显示预览页面。

问题

我可以使用Django FormPreview显示预览页面,但并非所有表单数据都正确显示。具体来说,如果我有一个choices的字段,则不会显示这些选项的字符串值。我在将模板过滤器应用于日期字段时也遇到了问题。最终结果是预览页面上的某些数据可见,但其他数据为空白:

Preview page

但是,如果我为实际提交的帖子显示相同的数据,则所有内容都会正确显示:

Submitted page

我的代码

models.py

class Game(models.Model):

  # Game Choices
  FOOTBALL = 0
  BASKETBALL = 1
  TENNIS = 2
  OTHER = 3
  GAME_CHOICES = (
      (FOOTBALL, 'Football'),
      (BASKETBALL, 'Basketball'),
      (TENNIS, 'Tennis'),
      (OTHER, 'Other')
    )

  game_id = models.AutoField(primary_key=True)
  location = models.CharField(max_length=200, verbose_name="Location")
  game = models.IntegerField(choices=GAME_CHOICES, default=FOOTBALL)
  game_date = models.DateField(verbose_name='Game Date')

forms.py

class GameForm(ModelForm):
  class Meta:
    model = Game
    fields = (
      'location',
      'game',
      'game_date'
    )

我很确定问题出在我的views.py中:我不确定我是否正确处理POST请求以便将所有数据都提供给预览页面。

views.py

def form_upload(request):
  if request.method == 'GET':
    form = GameForm()
  else:
    # A POST request: Handle Form Upload
    form = GameForm(request.POST) # Bind data from request.POST into a GameForm
    # If data is valid, proceeds to create a new game and redirect the user
    if form.is_valid():
      game = form.save()
      return render(request, 'games/success.html', {})
  return render(request, 'games/form_upload.html', {
    'form': form,
  })

preview.py

class GameFormPreview(FormPreview):

  form_template = 'games/form_upload.html'
  preview_template = 'games/preview.html'

  def done(self, request, cleaned_data):
    # Do something with the cleaned_data, then redirect
    # to a "success" page.
    return HttpResponseRedirect('/games/success')

form_upload.html

...
<form method="post">
  {% csrf_token %}
  <ul><li>{{ form.as_p }}</li></ul>

  <button type="submit">Preview your post</button>
</form>
...

preview.html

{% load humanize %}
...
<h1>Preview your submission</h1>

  <div>
    <p>Location: {{ form.data.location }}</p>
    <p>Game Date: {{ form.data.game_date|date:"l, F d, Y" }}</p>
    <p>Game Type: {{ form.data.get_game_display }}</p>
  </div>

  <div>
    <form action="{% url 'form_upload' %}" method="post">
      {% csrf_token %}
      {% for field in form %}
      {{ field.as_hidden }}
      {% endfor %}
      <input type="hidden" name="{{ stage_field }}" value="2" />
      <input type="hidden" name="{{ hash_field }}" value="{{ hash_value }}" />

      <!-- Submit button -->
      <button type="submit">Submit your post</button>
      <!-- Go back button -->
      <button type="submit">
        <a href="{% url 'form_upload' %}" 
          onClick="history.go(-1);return false;" >
          Go back and edit your post
        </a>
      </button>

      </div>

    </form>
  </div>
...

两个问题

基本上,我有这两个问题:

  1. 不显示choices的字符串值。如果我在preview.html模板中使用get_FOO_display()方法,则返回空白。但是,如果我在提交帖子后在页面中使用此功能,则会正确显示。
  2. humanize日期过滤器不起作用。如果我在humanize中应用{{ form.data.game_date|date:"l, F d, Y" }}过滤器(preview.html),它也会显示为空白。同样,这适用于提交的帖子。
  3. 我的问题基本上是:在这里使用FormPreview的正确方法是什么?

1 个答案:

答案 0 :(得分:1)

form.data没有get_FOO_display个属性。当您在模板中访问{{ form.data.get_game_display }}时,它会无声地失败,并且不会显示任何内容。

get_FOO_display是实例的方法,所以请尝试这样做。

{{ form.instance.get_game_display }}

您应尽可能访问来自form.cleaned_data的数据(经过验证并已清除&#39;)而不是form.data,这是提交到表单的原始数据。

过滤器无法与form.data.game_date一起使用,因为它是原始字符串。它们应该与form.cleaned_data.game_date一起使用,它已被转换为python日期对象。

最后,您尚未在done方法中实施任何内容,而您只是从文档中复制了评论。您可以使用cleaned_data创建新游戏,如下所示:

def done(self, request, cleaned_data):
    game = Game.objects.create(**cleaned_data)
    return HttpResponseRedirect('/games/success')