質問編集履歴
4
１１
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,5 +1,15 @@
|
|
|
1
|
-
お世話になります。
|
|
1
|
+
お世話になります。最初に実装したいイメージを以下に示します。
|
|
2
2
|
|
|
3
|
+
#やりたいこと
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
ラジオボタンを上記写真のように実装したいです。複数のカテゴリ(300個位あるのでfor文で回す)を表示させたいです。htmlでは実装できたのですがdjangoでの実装ができず困っております。
|
|
8
|
+
|
|
9
|
+
#ためしたこと
|
|
10
|
+
|
|
11
|
+
ラジオボタンを装飾したくBOOTSTRAPを利用し以下のようにつくりました。
|
|
12
|
+
|
|
3
13
|
```ここに言語を入力
|
|
4
14
|
<div class="btn-group btn-group-toggle" data-toggle="buttons">
|
|
5
15
|
<label class="btn btn-light active">
|
|
@@ -25,12 +35,12 @@
|
|
|
25
35
|
</div>
|
|
26
36
|
```
|
|
27
37
|
|
|
28
|
-
例えば
|
|
38
|
+
例えばカテゴリデータには以下のようなカテゴリがあるとします。
|
|
29
39
|
カテゴリ
|
|
30
40
|
|
|
31
|
-
カテゴリ
|
|
41
|
+
カテゴリ１
|
|
32
|
-
カテゴリ
|
|
42
|
+
カテゴリ２
|
|
33
|
-
カテゴリ
|
|
43
|
+
カテゴリ３
|
|
34
44
|
|
|
35
45
|
参考までにカテゴリを指定しているformsの中身は以下です。
|
|
36
46
|
#form
|
|
@@ -38,5 +48,5 @@
|
|
|
38
48
|
category = forms.ModelChoiceField(label='category', queryset=Category.objects.annotate(count=Count('user', filter=Q(user__is_user=True))),required=False,widget=forms.RadioSelect, empty_label='all')
|
|
39
49
|
```
|
|
40
50
|
このカテゴリをどのように設定すれば上記写真のラジオボタンのようにアクティブと非アクティブを切り替えて表示する事ができますか？
|
|
41
|
-
{{ form.category }}と１文となっておりviewsにどのように記載すればいいのかわかりません。
|
|
51
|
+
{{ form.category }}と１文となっておりviewsまたはform.pyにどのように記載すればいいのかわかりません。
|
|
42
52
|
宜しくお願いします。
|
3
100
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -15,6 +15,9 @@
|
|
|
15
15
|
このコードを実装する事で上記写真のように、アクティブとそうでないラジオボタンを色味を変えてわかりやすく切り替える事ができました。
|
|
16
16
|
しかしdjangoに応用しようとした場合以下のように{{ form.category }}と一行で表示してしまうためBOOTSTRAPの切り替え表示ができません。
|
|
17
17
|
|
|
18
|
+
参考サイト
|
|
19
|
+
https://arakan-pgm-ai.hatenablog.com/entry/2019/02/18/090000
|
|
20
|
+
|
|
18
21
|
#テンプレート
|
|
19
22
|
```ここに言語を入力
|
|
20
23
|
<div class="dummy">
|
2
10
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
お世話になります。
|
|
2
|
-
|
|
1
|
+
お世話になります。ラジオボタンを装飾したくBOOTSTRAPを利用し以下のようにつくりました。
|
|
3
2
|
|
|
4
3
|
```ここに言語を入力
|
|
5
4
|
<div class="btn-group btn-group-toggle" data-toggle="buttons">
|
|
@@ -16,6 +15,7 @@
|
|
|
16
15
|
このコードを実装する事で上記写真のように、アクティブとそうでないラジオボタンを色味を変えてわかりやすく切り替える事ができました。
|
|
17
16
|
しかしdjangoに応用しようとした場合以下のように{{ form.category }}と一行で表示してしまうためBOOTSTRAPの切り替え表示ができません。
|
|
18
17
|
|
|
18
|
+
#テンプレート
|
|
19
19
|
```ここに言語を入力
|
|
20
20
|
<div class="dummy">
|
|
21
21
|
{{ form.category }}
|
|
@@ -24,11 +24,13 @@
|
|
|
24
24
|
|
|
25
25
|
例えばフォームに以下のようなカテゴリがあるとします。
|
|
26
26
|
カテゴリ
|
|
27
|
+
|
|
27
28
|
カテゴリＡ
|
|
28
29
|
カテゴリＢ
|
|
29
30
|
カテゴリＣ
|
|
30
31
|
|
|
31
|
-
参考までにformsの中身は以下です。
|
|
32
|
+
参考までにカテゴリを指定しているformsの中身は以下です。
|
|
33
|
+
#form
|
|
32
34
|
```ここに言語を入力
|
|
33
35
|
category = forms.ModelChoiceField(label='category', queryset=Category.objects.annotate(count=Count('user', filter=Q(user__is_user=True))),required=False,widget=forms.RadioSelect, empty_label='all')
|
|
34
36
|
```
|
1
9
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -28,6 +28,10 @@
|
|
|
28
28
|
カテゴリＢ
|
|
29
29
|
カテゴリＣ
|
|
30
30
|
|
|
31
|
+
参考までにformsの中身は以下です。
|
|
32
|
+
```ここに言語を入力
|
|
33
|
+
category = forms.ModelChoiceField(label='category', queryset=Category.objects.annotate(count=Count('user', filter=Q(user__is_user=True))),required=False,widget=forms.RadioSelect, empty_label='all')
|
|
34
|
+
```
|
|
31
35
|
このカテゴリをどのように設定すれば上記写真のラジオボタンのようにアクティブと非アクティブを切り替えて表示する事ができますか？
|
|
32
36
|
{{ form.category }}と１文となっておりviewsにどのように記載すればいいのかわかりません。
|
|
33
37
|
宜しくお願いします。
|