DjangoのModelFormのSelectフィールドの右横あたりに追加ボタンをつけたい

Question

DjangoでModelFormを利用して、Selectフィールド(ForeignKeyField)の右横あたりにデータの追加ボタンをつけたいのですが、一般的なパターンやベストプラクティスなどをご教示いただけますでしょうか？

ModelFormにこだわりは特にありません。
このような機能をつけたい場合に、djangoで、どのように対応するのかご回答いただけると嬉しいです。

イメージ的には、adminのデータ追加フォームのforeignkeyフィールドついている、+ボタンのようなものです。

widgetsなどを自前でカスタムして作ってみるなどの方法はありかなとは思いつつも、widgets公式マニュアルで特に解説もないため、ややハードルが高そうだなと感じております。

何卒よろしくお願いします。

Answer 1

一番簡単なのはadminサイトを使うことですが、
djangoのAdminSiteのソース読む気があるのなら、
二番目に手っ取り早い（自分で書くコード量が少ない）のは
カスタムしたadminサイトを、オリジナルのadminサイトとは別に作って
管理者ユーザ以外に使わせることかも(おすすめはしない)。
（認証系のところいじって一般ユーザが使えるようにするのと管理者ユーザ以外に使わせたくないところを削る）
AdminサイトのUIがまるまる使えるので、他にも快適なUIを提供できるのが利点。

で、3番目が正攻法です。
必要なものはArticleに新規追加するページです。
（もしPKの他は名前のフィールド１つだけとかなら同じページでもいいかも）
プラスボタンでそれを新規windowで開きます。
新規追加ページでは、新規データ追加後に、
フォームページの選択肢をリロードして自分自身を閉じるという動作をjavascriptで書きます。
これはAdminサイトのものと同じ動きです。

でプラスボタンの付け方ですが、好きなwidgetのクラスを継承して、
renderメソッドをオーバーライドします。
具体的には、もとのwidgetのソースをコピペして、プラスボタンのタグを書く部分を追加します。
javascriptについては、新規追加用ページに書いてもいいですが、
Widget Media
を使用すると外部jsに書けて、設計上もベターです。
widgetの変更はforms.ModelField(widget=MyWidget)です。

Comments

[yassyskywalker]

ご回答ありがとうございます！！３番目の方法をトライしてみます！参照サイトもつけていただきありがとうございます。これなら頑張れば自分にもできそうです！