我正在尝试使用 asp.net core MVC 制作一个简单的 todo MVC 应用程序。我的计划是制作一个带有简单复选框的网页,并让用户能够使用表单更改状态。
表单显示正确,但控制器中的“模型绑定”不起作用。
我究竟做错了什么?
用户界面(图片) https://i.stack.imgur.com/MiLp9.png
风景:
@model List<Todo>
<form asp-controller="Home" asp-action="ModifyTodo" method="post">
<ul class="mdc-list">
@for (var i = 0; i < Model.Count; i++)
{
<li class="mdc-list-item">
<input asp-for="@Model[i].Status" name="todos[@i].Status" >
<input asp-for="@Model[i].Id" name="todos[@i].Id" value="@Model[i].Id" type="hidden">
<input asp-for="@Model[i].Text" name="todos[@i].Text" value="@Model[i].Text" type="hidden">
<label> @Model[i].Text</label>
</li>
}
</ul>
<input type="submit" value="submit">
</form>
我的控制器:
public class HomeController : Controller
{
public IActionResult Index()
{
return GiveTodoView();
}
[HttpPost]
public IActionResult ModifyTodo([FromForm] List<Todo> todos)
{
// Console.WriteLine(test);
var temp = "Count: "+todos.Count;
foreach (var todo in todos)
{
temp += todo.Status + " " + todo.Text + " <br />";
}
return Content(temp);
// return GiveTodoView();
}
private IActionResult GiveTodoView()
{
var manager = TodoManager.GetTotalManager();
return View("Index", manager.GetTodos().ToList());
}
}
Todo.cs
public class Todo
{
public int Id;
public bool Status;
public string Text;
}
如何将表单中的所有待办事项返回到控制器的操作中ModifyTodo
?
提前致谢!
Edit
Razor 生成的 html。我已经删除了不必要的标记
<form method="post" action="/Home/ModifyTodo">
<ul class="mdc-list">
<li class="mdc-list-item">
<input name="todos[0].Status" type="checkbox" checked="checked" data-val="true" data-val-required="The Boolean field is required." id="z0__Status" value="true">
<input name="todos[0].Id" value="0" type="hidden" data-val="true" data-val-required="The Int32 field is required." id="z0__Id">
<input name="todos[0].Text" value="First test" type="hidden" id="z0__Text">
<label>First test</label></li>
<li class="mdc-list-item">
<input name="todos[1].Status" type="checkbox" data-val="true" data-val-required="The Boolean field is required." id="z1__Status" value="true">
<input name="todos[1].Id" value="0" type="hidden" data-val="true" data-val-required="The Int32 field is required." id="z1__Id">
<input name="todos[1].Text" value="second test" type="hidden" id="z1__Text">
<label>second test</label></li>
</ul>
</div>
<input name="__RequestVerificationToken" type="hidden" value="CfDJ8GAD8c4qIkNEktrZwHPVewBTkkBNZ7RlAVcu7N2_sgbMy2O3FSRi_x5Nw1WNlXWqBhz_wNdeBYCj9oqnopS4fZxDgvjC5FGeCQ2jS3tS7IdXgwyAxPe6BnDhmOJDcK9fmqBdV8BcTC8qxrZEouj4RMU" />
<input name="[0].Status" type="hidden" value="false">
<input name="[1].Status" type="hidden" value="false">
</form>