質問編集履歴
4
１１
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,4 +1,24 @@
|
|
|
1
|
+
お世話になります。最初に実装したいイメージを以下に示します。
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
#やりたいこと
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
ラジオボタンを上記写真のように実装したいです。複数のカテゴリ(300個位あるのでfor文で回す)を表示させたいです。htmlでは実装できたのですがdjangoでの実装ができず困っております。
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
#ためしたこと
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
1
|
-
|
|
21
|
+
ラジオボタンを装飾したくBOOTSTRAPを利用し以下のようにつくりました。
|
|
2
22
|
|
|
3
23
|
|
|
4
24
|
|
|
@@ -52,17 +72,17 @@
|
|
|
52
72
|
|
|
53
73
|
|
|
54
74
|
|
|
55
|
-
例えば
|
|
75
|
+
例えばカテゴリデータには以下のようなカテゴリがあるとします。
|
|
56
76
|
|
|
57
77
|
カテゴリ
|
|
58
78
|
|
|
59
79
|
|
|
60
80
|
|
|
61
|
-
カテゴリ
|
|
81
|
+
カテゴリ１
|
|
62
82
|
|
|
63
|
-
カテゴリ
|
|
83
|
+
カテゴリ２
|
|
64
84
|
|
|
65
|
-
カテゴリ
|
|
85
|
+
カテゴリ３
|
|
66
86
|
|
|
67
87
|
|
|
68
88
|
|
|
@@ -78,6 +98,6 @@
|
|
|
78
98
|
|
|
79
99
|
このカテゴリをどのように設定すれば上記写真のラジオボタンのようにアクティブと非アクティブを切り替えて表示する事ができますか？
|
|
80
100
|
|
|
81
|
-
{{ form.category }}と１文となっておりviewsにどのように記載すればいいのかわかりません。
|
|
101
|
+
{{ form.category }}と１文となっておりviewsまたはform.pyにどのように記載すればいいのかわかりません。
|
|
82
102
|
|
|
83
103
|
宜しくお願いします。
|
3
100
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -29,6 +29,12 @@
|
|
|
29
29
|
このコードを実装する事で上記写真のように、アクティブとそうでないラジオボタンを色味を変えてわかりやすく切り替える事ができました。
|
|
30
30
|
|
|
31
31
|
しかしdjangoに応用しようとした場合以下のように{{ form.category }}と一行で表示してしまうためBOOTSTRAPの切り替え表示ができません。
|
|
32
|
+
|
|
33
|
+
|
|
34
|
+
|
|
35
|
+
参考サイト
|
|
36
|
+
|
|
37
|
+
https://arakan-pgm-ai.hatenablog.com/entry/2019/02/18/090000
|
|
32
38
|
|
|
33
39
|
|
|
34
40
|
|
2
10
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
お世話になります。
|
|
2
|
-
|
|
3
|
-
BOOTSTRAP
|
|
1
|
+
お世話になります。ラジオボタンを装飾したくBOOTSTRAPを利用し以下のようにつくりました。
|
|
4
2
|
|
|
5
3
|
|
|
6
4
|
|
|
@@ -34,6 +32,8 @@
|
|
|
34
32
|
|
|
35
33
|
|
|
36
34
|
|
|
35
|
+
#テンプレート
|
|
36
|
+
|
|
37
37
|
```ここに言語を入力
|
|
38
38
|
|
|
39
39
|
<div class="dummy">
|
|
@@ -50,6 +50,8 @@
|
|
|
50
50
|
|
|
51
51
|
カテゴリ
|
|
52
52
|
|
|
53
|
+
|
|
54
|
+
|
|
53
55
|
カテゴリＡ
|
|
54
56
|
|
|
55
57
|
カテゴリＢ
|
|
@@ -58,7 +60,9 @@
|
|
|
58
60
|
|
|
59
61
|
|
|
60
62
|
|
|
61
|
-
参考までにformsの中身は以下です。
|
|
63
|
+
参考までにカテゴリを指定しているformsの中身は以下です。
|
|
64
|
+
|
|
65
|
+
#form
|
|
62
66
|
|
|
63
67
|
```ここに言語を入力
|
|
64
68
|
|
1
9
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -58,6 +58,14 @@
|
|
|
58
58
|
|
|
59
59
|
|
|
60
60
|
|
|
61
|
+
参考までにformsの中身は以下です。
|
|
62
|
+
|
|
63
|
+
```ここに言語を入力
|
|
64
|
+
|
|
65
|
+
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')
|
|
66
|
+
|
|
67
|
+
```
|
|
68
|
+
|
|
61
69
|
このカテゴリをどのように設定すれば上記写真のラジオボタンのようにアクティブと非アクティブを切り替えて表示する事ができますか？
|
|
62
70
|
|
|
63
71
|
{{ form.category }}と１文となっておりviewsにどのように記載すればいいのかわかりません。
|