ASP.NET MVC - 下拉列表选择 - 部分视图和模型绑定

Question

我对 ASP.NET MVC 相当陌生，正在尝试找出实现此目的的最佳方法。这可能很简单，但我只是想正确地做事，所以我想我会问。

假设我有一个模型是这样的：

任务 - Id、描述、AssignedStaffMember

StaffMember - Id、FirstName、LastName

在我看来，我想创建一个新任务。我创建了一个强类型的 Razor 视图，并且可以使用 EditorFor 为“描述”创建文本框，但是“AssignedStaffMember”又如何呢？

我想要一个所有当前员工的下拉列表，并且可以选择一个，然后将其提交给一个操作方法，该方法是 NewTask（字符串描述，StaffMember 分配的StaffMember） 或者我可以用一个int代表staffId而不是StaffMember对象，然后在action方法中查找它。

最好的方法是什么？我需要去数据库获取员工列表，所以这就是我的想法：

1. 为员工下拉列表创建一个部分视图，该视图将使用几次并使用@Html。 Action("ListStaff", "Staff") 来调用它。然后动作方法有

   public ActionResult ListStaff()
   {
       IEnumerable<职员>模型 = _serviceLayer.GetAllStaff();
       返回 PartialView(模型);
   }
   

   但是我不确定这将如何与模型绑定一起使用，我的理解是它必须具有正确的表单名称才能提交，我需要将名称传递给部分视图以放置在我猜的元素上？

2. 不要让它调用控制器来获取人员，而是创建一个包含我的任务和 IEnumerable possibleStaff 集合的 ViewModel。可能会将此信息发送到部分视图。

3. Html 助手？

4. 是否可以使用EditorFor？

哪一个（或还有更多）最好？我将如何进行模型绑定？

Answer 1

这是执行此操作的一种方法。 创建一个 TaskDetailsViewModel

public class TaskDetailsViewModel
{
    public TaskDetailsViewModel()
    {
        this.Task = new Task();
        this.StaffMembers = new List<StaffMember>();
    }

    public Task Task { get; set; }
    public IEnumerable<StaffMember> StaffMembers { get; set; }
}

在视图中的控制器中

public ActionResult Edit(int id)
{
    var task = taskRepository.GetTaskByID(id);

    var taskDetailsViewModel = new TaskDetailsViewModel();

    // Populate taskDetailsViewModel from task and staff

    return View(taskDetailsViewModel);
}

[HttpPost]
public ActionResult Edit(TaskDetailsViewModel taskDetailsViewModel)
{
    if (ModelState.IsValid)
    {
        taskRepository.Save(taskDetailsViewModel.Task);
    }
    else
    {
        // Show Error
    }

    return View(taskDetailsViewModel);
}

（与 TaskDetailsViewModel 强绑定）

@Html.DropDownListFor(model => model.Task.AssignedStaffMember, new SelectList(Model.StaffMembers, "ID", "FirstName", Model.Task.AssignedStaffMember))
@Html.ValidationMessageFor(model => model.Task.AssignedStaffMember)