DropDownList和视图模型的MVC5问题

Question

所以我有一个ID、EmployeeID、日期等形式的简单数据库表，它创建了一个正常的模型：

public partial class WorkItem
{
    public int ID { get; set; }
    public int EmployeeID { get; set; }
    public int LocationID { get; set; }
    [DataType( DataType.Date )]
    [Display( Name = "Start date" )]
    public System.DateTime StartDate { get; set; }

当我需要增强该模型的功能时，就会出现问题，因此我创建了一个视图模型来每周对工作项进行分组。

public class WeeklyWorkItemsViewModel
{
    public WorkItem WorkItemMonday { get; set; }
    public WorkItem WorkItemTuesday { get; set; }

对于我视图中的DateTime字段（绑定到视图模型），一切都非常好：

    <div class="form-group">
        @Html.LabelFor( model => model.WorkItemMonday.StartDate, "Week start date", htmlAttributes: new { @class = "control-label col-md-2" } )
        <div class="col-md-10">
            @Html.EditorFor( model => model.WorkItemMonday.StartDate, new { htmlAttributes = new { @class = "form-control" } } )
            @Html.ValidationMessageFor( model => model.WorkItemMonday.StartDate, "", new { @class = "text-danger" } )
        </div>
    </div>

尝试绑定dropdownlist时出现问题，它被正确填充，但在控制器中看不到更改。

    <div class="form-group">
        @Html.LabelFor( model => model.WorkItemMonday.EmployeeID, "EmployeeID", htmlAttributes: new { @class = "control-label col-md-2" } )
        <div class="col-md-10">
            @Html.Hidden( "selectedEmployee" )
            @Html.DropDownList( "EmployeeID", null, htmlAttributes: new { @class = "form-control" } )
            @Html.ValidationMessageFor( model => model.WorkItemMonday.EmployeeID, "", new { @class = "text-danger" } )
        </div>
    </div>

StartDate在控制器中更新。

在多次挠头之后，我终于不得不使用来解决这个问题

@Html.Hidden( "selectedEmployee" )

并在JQuery中更新。我确实尝试过使用@html.DropDownListFor，但到目前为止没有任何乐趣。在我把头发都拔出来之前，有人能看到出了什么问题吗。

Answer 1

您的模型不包含名为EmployeeID的属性。但它确实有一个名为WorkItemMonday.EmployeeID和WorkItemTuesday.EmployeeID的。

停止使用DropDownList()并使用强类型DropDownListFor()方法，以便正确绑定到模型属性。

修改视图模型以包含SelectList 的属性

public IEnumerable<SelectListItem> EmployeeList { get; set; }

并在将模型传递给视图之前将其填充到GET方法中。然后在视图中使用

@Html.DropDownListFor(m => m.WorkItemMonday.EmployeeID, Model.EmployeeList, new { @class = "form-control" })
....
@Html.DropDownListFor(m => m.WorkItemTuesday.EmployeeID, Model.EmployeeList, new { @class = "form-control" })

这将正确生成name="WorkItemMonday.EmployeeID"和name="WorkItemTuesday.EmployeeID"属性，以便它们在您发布时绑定到您的模型。