
Visual Studio2022を使っています。
OSはWindowsです
ASP.net Core MVCで、Entity Frameworkを使っています。
ASP.netのバージョンは6.0
これにボタンを追加してそれを押すと、Ageを数値の1に変更したいです。
DB の当該レコードの Age を 1 に UPDATEしたいという意味です。
ボタンを付ける理由を以下に書きます。
私は上記のCRUDテーブルを用いて、webでのTODOシステムを作りたいと考えています。
未着手を押すとstatusを0に。着手を押すとstatusを1に。完了を押すとstatusを2に。
TODOが完了したとき(statusが2のとき)に、Contentの文字の色を変えたいと思っています。
つまり、ボタンを押すとstatusの値だけ変えたいということです。
回りくどくて申し訳無いです。
ボタンを付けたい理由は以上です。
Views/People/Index.cshtml
<script>内ののaddEventListener関数の中でAgeの値を変えられる処理を書きたいです。@model IEnumerable<sampleMVC.Models.Person> @{ ViewData["Title"] = "Index"; } <h1>Index</h1> <p> <a asp-action="Create">Create New</a> </p> <table class="table"> <thead> <tr> <th> @Html.DisplayNameFor(model => model.Name) </th> <th> @Html.DisplayNameFor(model => model.Age) </th> <th> </th> </tr> </thead> <tbody> @foreach (var item in Model) { <tr> <td> @Html.DisplayFor(modelItem => item.Name) </td> <td> @Html.DisplayFor(modelItem => item.Age) </td> <td> <button class="btn">ボタン</button> </td> <td> <a asp-action="Edit" asp-route-id="@item.Id">Edit</a> | <a asp-action="Details" asp-route-id="@item.Id">Details</a> | <a asp-action="Delete" asp-route-id="@item.Id">Delete</a> </td> </tr> } </tbody> </table> <style> .btn { border: 1px solid black; } </style> <script> document.addEventListener('DOMContentLoaded', function() { let btns = document.querySelectorAll(".btn"); for(var i = 0; i < btns.length; i++){ btns[i].addEventListener('click', function() { }); } }, false); </script>









あなたの回答
tips
プレビュー