如何在ASP.NET MVC中的视图和控制器之间传递和检索复选框选择列表？

在 ASP.NET MVC 中传递和检索视图和控制器之间的复选框选择列表

在 Web 开发中，我们经常会遇到需要在视图中显示复选框列表，允许用户选择某些复选框，然后将这些选择提交回控制器进行处理的情况。但是，如果我们同时处理关联项和非关联项，则将这些选择映射到模型可能会很困难。

问题：

Web 表单使用 HTML 输入元素来表示表单字段，包括复选框。默认情况下，未选中的复选框不会将其值回传到控制器。当我们想要在视图模型中捕获所有选定值（关联和非关联）时，这可能会导致问题。

解决方案：

为了克服此限制，我们可以采用依赖于强类型 HTML 帮助器的结构化方法。通过使用这些帮助器，我们可以确保正确的模型绑定，并结合为选中和未选中复选框自动发布值的优点。

创建视图模型：

在上述场景中，我们假设用户和项目之间存在多对一的关系。为了在视图中表示这一点，我们可以定义如下视图模型：

<code class="language-csharp">public class ItemViewModel
{
    public int ID { get; set; }
    public string Name { get; set; }
    public bool IsSelected { get; set; } // 指示此项目是否已选中
}</code>

填充视图模型：

在视图的 GET 操作方法中，我们可以使用所有项目（包括关联和非关联项目）填充视图模型，并根据实际关联相应地设置 IsSelected 属性。

<code class="language-csharp">// GET 操作方法中的代码
var model = new ItemViewModel();
// ... 在此处填充模型 ...
return View(model);</code>

在视图中显示复选框：

在我们的视图中，我们可以使用 Html 帮助器来生成复选框并显示项目名称：

<code class="language-html">// Razor 视图中的代码
@model ItemViewModel
@for (int i = 0; i < Model.Items.Count; i++)
{
    @Html.HiddenFor(m => m.Items[i].ID) // 隐藏输入以传递项目 ID
    @Html.CheckBoxFor(m => m.Items[i].IsSelected) // 用于选择项目的复选框
    @Html.LabelFor(m => m.Items[i].IsSelected, Model.Items[i].Name) // 复选框的标签
}</code>

在控制器中接收选择：

在 POST 操作方法中，我们可以将表单字段绑定到我们的视图模型，而 IsSelected 属性将自动反映复选框的状态（选中和未选中）。

<code class="language-csharp">// POST 操作方法中的代码
ItemViewModel model; // 将请求绑定到我们的视图模型
// ... 在此处处理选定的项目 ...</code>

通过这种方法，我们可以有效地传输和捕获选定复选框的列表，而不管其先前的关联状态如何。

以上是如何在ASP.NET MVC中的视图和控制器之间传递和检索复选框选择列表？的详细内容。更多信息请关注PHP中文网其他相关文章！