Django DetailViewでのフォーム作成方法。

Question

現在Djangoで違反報告機能を作っています。
単純にボタンを押して違反報告を送信させることはできましたが、違反報告する前にカテゴリの選択をしたいのですが、フォームをどこに書き入れたらいいのかがわかりません。
違反報告ボタンは記事詳細ページ(class ItemDetailView)に表示させたいです。

#models.py
#Item = 記事

class Report(models.Model):
    REPORT_CHOICES = [
        (1, '宣伝行為'),
        (2, 'スパム'),
        (3, '法律違反'),
        (4, 'その他'),
    ]
    category     = models.IntegerField(verbose_name="カテゴリ", choices=REPORT_CHOICES, default=1)
    report_user  = models.ForeignKey(settings.AUTH_USER_MODEL, on_delete=models.PROTECT, null=True)
    report       = models.ForeignKey(Item, verbose_name='通報した記事', on_delete=models.PROTECT, blank=True)
    report_at    = models.DateTimeField(verbose_name='日付',auto_now_add=True)
    text         = models.CharField('備考欄', max_length=200)

    class Meta:
        verbose_name = _('レポート')
        verbose_name_plural = _('レポート')

#views.py
class ItemDetailView(DetailView):
    model = Item
    def get_context_data(self, **kwargs):
        context = super(ItemDetailView, self).get_context_data(**kwargs)
        form = ReportForm()
        context["form"] = form
        return context

def ReportPost(request, pk):
    """報告"""
    post = get_object_or_404(Item, pk=pk)
    _report = Report()
    _report.report = post
    _report.report_user = User.objects.get(email=request.user.email)
    _report.save()
    return redirect('app:top')


#urls.py
    path('report/<int:pk>/', views.ReportPost, name='report'),   

上記のコードのように報告ボタン(ReportPost)と記事詳細ページ(ItemDetailView)を書いてみたのですが、送信はされたのですが、変更しても値がデフォルトのままでした。

報告ボタン
<div class="popup_content">
    <label for="trigger" class="close_btn">×</label>
    {%crispy form%}
	<form action="{% url 'app:report' item.pk %}" method="post">
    <button  class="btn btn-outline-success float-right" type="submit" name="button">報告</button>
    {% csrf_token %}
	</form>		           
</div>

何かアドバイスをいただきたいです。
必要なコードがあれば追記いたしますのでよろしくお願いいたします。

#追記
forms.pyの追記させていただきました。

forms.py

class ReportForm(forms.ModelForm):
    class Meta:
        model = Report
        fields = ('category', 'text',)
        widgets = {
                    'text': forms.TextInput(attrs={'placeholder':'詳細な理由を記入してください（200文字以内）'}),
                    'category': forms.RadioSelect(),
                    }

Comments

[ForestSeo]

ItemDetailViewに報告ボタンがあるんですよね。categoryを選ぶのもItemDetailViewですよね。
あとformはどんな感じですか

[Mario_11]

そうです！
formのコード追記させていただきました。

Answer 1

フォームをレンダリングする場所を、formタグ内に移動したらどうなりますか？

<!-- item_detail.html -->
<div class="popup_content">
    <label for="trigger" class="close_btn">×</label>
    <form action="{% url 'app:report' item.pk %}" method="post">
      {%crispy form%}
      <button  class="btn btn-outline-success float-right" type="submit" name="button">報告</button>
      {% csrf_token %}
    </form>                   
</div>

Comments

[ForestSeo]

detailでPOSTってよりはurlパラメーターにidと理由を渡してreportに飛ばせばいいんじゃないですか

[hasami]

質問者は、おそらく表示している記事(Item)に対して報告(Report)を投稿するフローを検討されていると思うので、これはこれで良いのではないかと思います。

[Mario_11]

ご回答ありがとうございます。
formの位置を移動したのですが、ボタンを押せずページ遷移できませんでした。

[hasami]

ボタンを押せないとは、どのような現象なのでしょうか？

[Mario_11]

伝え方が下手で申し訳ありません。
ボタンを押しても何も反応しないということです。

[hasami]

ブラウザのバリデーションで失敗しているということはありませんか？
非表示で必須のinputがあるとか・・・。