質問編集履歴

3

ボタンを付けた理由

2022/07/11 13:14

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -11,6 +11,17 @@
11
11
  DB の当該レコードの Age を 1 に UPDATEしたいという意味です。
12
12
 
13
13
  ![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-07-10/64485c10-34e4-4c95-b3f2-36b3462965e8.jpeg)
14
+
15
+ ボタンを付ける理由を以下に書きます。
16
+ 私は上記のCRUDテーブルを用いて、webでのTODOシステムを作りたいと考えています。
17
+
18
+ ![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-07-11/d33ab17e-bcf5-4dc9-a719-601d146ce579.jpeg)
19
+
20
+ 未着手を押すとstatusを0に。着手を押すとstatusを1に。完了を押すとstatusを2に。
21
+ TODOが完了したとき(statusが2のとき)に、Contentの文字の色を変えたいと思っています。
22
+ つまり、ボタンを押すとstatusの値だけ変えたいということです。
23
+ 回りくどくて申し訳無いです。
24
+ ボタンを付けたい理由は以上です。
14
25
 
15
26
  Views/People/Index.cshtml
16
27
  ```
@@ -91,3 +102,6 @@
91
102
 
92
103
  <script>内ののaddEventListener関数の中でAgeの値を変えられる処理を書きたいです。
93
104
 
105
+
106
+
107
+

2

データーベースのAgeをアップデートしたい旨を記載

2022/07/10 23:59

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -6,7 +6,10 @@
6
6
  下記のCRUDテーブルについて質問です。
7
7
  ![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-07-10/fa312702-c397-4e5c-aa0f-23c4a272d844.jpeg)
8
8
 
9
- これにボタンを追加してそれを押すと、Ageを特定の数値(1とか2)に変えるということをしたいです。
9
+ これにボタンを追加してそれを押すと、Ageを数値1に変したいです。
10
+
11
+ DB の当該レコードの Age を 1 に UPDATEしたいという意味です。
12
+
10
13
  ![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-07-10/64485c10-34e4-4c95-b3f2-36b3462965e8.jpeg)
11
14
 
12
15
  Views/People/Index.cshtml
@@ -88,5 +91,3 @@
88
91
 
89
92
  <script>内ののaddEventListener関数の中でAgeの値を変えられる処理を書きたいです。
90
93
 
91
-
92
-

1

バージョン追加等

2022/07/10 11:52

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -1,8 +1,92 @@
1
- Visual Studioを使っています。
1
+ Visual Studio2022を使っています。
2
+ OSはWindowsです
2
- ASP.net Core MVCで、Entity FrameWorkを使っています。
3
+ ASP.net Core MVCで、Entity Frameworkを使っています。
4
+ ASP.netのバージョンは6.0
3
5
 
4
- 画像はヘッダがぐちゃぐちゃなっ
6
+ 下記のCRUDテブルつい質問で
7
+ ![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-07-10/fa312702-c397-4e5c-aa0f-23c4a272d844.jpeg)
8
+
5
- 要は未着手ボタンを押したきにAgeの値だけ変更したいです。
9
+ これにボタンを追加してそれをAgeを特定(1とか2)に変えるということをしたいです。
10
+ ![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-07-10/64485c10-34e4-4c95-b3f2-36b3462965e8.jpeg)
11
+
12
+ Views/People/Index.cshtml
13
+ ```
14
+ @model IEnumerable<sampleMVC.Models.Person>
15
+
16
+ @{
17
+ ViewData["Title"] = "Index";
18
+ }
19
+
20
+ <h1>Index</h1>
21
+
22
+ <p>
23
+ <a asp-action="Create">Create New</a>
24
+ </p>
25
+ <table class="table">
26
+ <thead>
27
+ <tr>
28
+ <th>
29
+ @Html.DisplayNameFor(model => model.Name)
30
+ </th>
31
+ <th>
32
+ @Html.DisplayNameFor(model => model.Age)
33
+ </th>
34
+ <th>
35
+
36
+ </th>
37
+ </tr>
38
+ </thead>
39
+ <tbody>
40
+ @foreach (var item in Model) {
41
+ <tr>
42
+ <td>
43
+ @Html.DisplayFor(modelItem => item.Name)
44
+ </td>
45
+ <td>
46
+ @Html.DisplayFor(modelItem => item.Age)
47
+ </td>
48
+ <td>
49
+ <button class="btn">ボタン</button>
50
+ </td>
51
+ <td>
52
+ <a asp-action="Edit" asp-route-id="@item.Id">Edit</a> |
53
+ <a asp-action="Details" asp-route-id="@item.Id">Details</a> |
54
+ <a asp-action="Delete" asp-route-id="@item.Id">Delete</a>
55
+ </td>
56
+ </tr>
57
+ }
58
+ </tbody>
59
+ </table>
60
+
61
+ <style>
62
+
63
+ .btn
64
+ {
65
+ border: 1px solid black;
66
+ }
67
+
68
+ </style>
6
69
 
7
70
 
71
+ <script>
72
+
8
- ![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-07-10/36114806-9ee3-4344-92b7-2e72a8fe09a2.jpeg)
73
+ document.addEventListener('DOMContentLoaded', function() {
74
+
75
+ let btns = document.querySelectorAll(".btn");
76
+
77
+ for(var i = 0; i < btns.length; i++){
78
+ btns[i].addEventListener('click', function() {
79
+
80
+ });
81
+ }
82
+
83
+ }, false);
84
+
85
+ </script>
86
+
87
+ ```
88
+
89
+ <script>内ののaddEventListener関数の中でAgeの値を変えられる処理を書きたいです。
90
+
91
+
92
+