MVC 单选按钮混淆

Question

我正在观看一个教程视频，https://www.youtube.com/watch?v=04RY04uKq2s，但我只是不明白 RadioButtonFor 发生了什么。

基本上，这家伙创建了一个 Company 类：

public class Company
{

    public string SelectedDepartment {get; set;}


    public List<Department> Departments
    {
        get
        {
            SampleDBContext db = new SampleDBContext();
            return db.Departments.ToList();
        }
    }
}

`

好的，很简单。他这里使用了EntityFramework，它已经生成了SampleDBContext类。

然后他有一个很简单的Index ActionMethod：

[HttpGet]
public ActionResult Index()
{
    Company company = new Company();
    return View();
}

此 [HttpGet] 的强类型视图：

@using (Html.BeginForm())
{
foreach (var department in Model.Departments)
{
    @Html.RadioButtonFor(m => m.SelectedDepartment, department.Id, (department.IsSelected.HasValue && department.IsSelected.Value) ? new (@checked = "checked")} : null
    @department.Name
}

<input type="submit" value="Submit" />[Resulting View][1]

最后是这个 HttpPost ActionMethod：

[HttpPost]
public string Index(Company company)
{
    if(string.IsNullOrEmpty(company.SelectedDepartment)
    {
        return "You selected nothing";
    }
    else
    {
        return "You selected department id: " + company.SelectedDepartment;
    }

好的，哇。数据库有 3 列，Id、Name 和 IsSelected（位类型）。

所以， 1..人力资源..1 2..工资单..NULL 3..IT..NULL

长篇大论？我希望不是。每件作品都非常直截了当。

现在回答我的问题：

(1)RadioButtonFor()如何使用(m=>m.SelectedDepartment)？如题，为什么 [HttpPost] 方法会检查它的字符串是空还是空？

(2)当你在方法中打印出company.SelectedDepartment的值时，你就得到了ID。这项任务在哪里进行？

Answer 1

你分享的代码没有遵循通用的约定，真的没有多大意义。

以下是解决示例问题的更传统方法：

公司模式

public class Company
{
    public int CompanyId {get; set;}
    public string SelectedDepartment {get; set;}
    public List<Department> DepartmentsList {get; set;}
}

部门模型

public class Department
{
    public int DepartmentId {get; set;}
    public string DepartmentName {get; set;}
}

查看

@model CompanyNamespace.Company

@using(Html.BeginForm())
{
    @Html.HiddenFor(model => model.CompanyId)

    foreach (Department department in Model.DepartmentsList)
    {
        @Html.LabelFor(model => modelItem.department)
        @Html.RadioButtonFor(model => modelItem.SelectedDepartment, department.DepartmentName)
    }

    <input type="submit" value="Submit" />
}

控制器

SampleDBContext db = new SampleDBContext();

[HttpGet]
public ActionResult Index()
{
    Company company = new Company();

    company.SelectedDepartment = null;
    company.DepartmentList = db.Departments.ToList();

    return View("Index", company);
}

[HttpPost]
public ActionResult Index(Company company)
{
    if (!ModelState.IsValid)
    {
        return BadRequest(ModelState);
    }

    db.Companies.Add(company);
    db.SaveChanges();

    return RedirectToAction("Index")
}

数据库示例

+-----------+
| Companies |
+-----------+
+-----------------+--------------------------------+
| CompanyId (Int) | SelectedDepartment (VarChar20) |
+-----------------+--------------------------------+
| 1               | Clothing Department            |
| 2               | Electronics Department         |
| 3               | Furniture Department           |
+-----------------+--------------------------------+

+-------------+
| Departments |
+-------------+
+--------------------+----------------------------+
| DepartmentId (Int) | DepartmentName (VarChar20) |
+--------------------+----------------------------+
| 1                  | Clothing Department        |
| 2                  | Electronics Department     |
| 3                  | Furniture Department       |
| 4                  | Hardware Department        |
+--------------------+----------------------------+

回答您的问题...

"model => modelItem.SelectedDepartment" 是一个 lamda 表达式。表达式表示“此单选按钮将代表模型的 SelectedDepartment 字段”。

由于视图中的所有单选按钮都代表模式中的同一个 SelectedDepartment 字段，因此一次只能选择一个单选按钮。

所选单选按钮的值，在我们的例子中是“department.DepartmentName”，将是发送回模型（和数据库）的值。

请注意，我们控件中的 http post 方法不再返回字符串。为了查看对数据的更改，您必须直接查看数据库。

Answer 2

在您的视图代码中，缺少视图使用的实际模型的定义。你可以通过添加@model CompanyNamespace.Company来做到这一点。

1. m => m.SelectedDepartment 是一个选择模型属性的 lambda，您可以在 Post 操作中检查该属性以检索用户选择的单选按钮的 value。如果用户没有选择任何单选按钮，则该值为null（或通常为default(T)，在本例中为default(string) = null），因此是 Post 操作中的 if 条件。

2. RadioButtonFor 的第二个参数指定每个单选按钮的值。由于在您的情况下是 department.Id，因此每个生成的单选按钮的值都是部门的 Id。

至于代码，正如其他人已经在对您的答案的评论中指出的那样，我真的不建议您使用您发布的方法，并且可能切换到其他一些资源来学习 MVC。 IIRC，asp.net 上也有同样易于理解的教程。

编辑： 当您提交表单时，请求被路由到以[HttpPost] 装饰的操作，并且模型绑定器通过尝试将复杂对象的参数名称或属性与 Post 数据匹配，将发布的数据绑定到您的方法的参数（或多个参数） .因此，当用户选择某个单选按钮时，它的值（取自 RadioButtonFor 调用指定的department.Id）被分配给company.SelectedDepartment 属性。

扩展模型绑定的编辑受到@Jaquez answer 的启发，试图提供更完整的描述，当我后来比较两者时（在这被 OP 选为答案之后），它在我看来，它最终 - 在很大程度上 - 作为@Jaquez答案的那部分的重述。我认为提及这一点是公平的。

Answer 3

需要检查 null 或空字符串，因为单选按钮的值仅在选择按钮时才包含在 POST 中。复选框也是如此，并且是 Web 标准本身的一部分，而不是 MVC。

company.SelectDepartment 的值是在 MVC 框架获取提交的值并使用它来实例化 (POST) Index 方法参数类型的新实例时分配的。这是通过将提交数据中的属性名称与参数类型的属性名称匹配来完成的。通过使用带有类型模型的 RadioButtonFor 辅助方法，您可以保证单选按钮的名称和提交的值的名称与 Index 方法所需的类型相匹配。