ASP.NET MVC 3 视图模型模式

Question

ASP.NET MVC 3 视图模型模式

5

我正在尝试找出在创建新对象的情况下使用视图模型的最佳方法。

我的视图模型非常简单，包含一个联系人对象和公司的选择列表。

private ICompanyService _Service;
public SelectList ContactCompanyList { get; private set; }
public Contact contact { get; private set; }

public ContactCompanyViewModel(Contact _Contact)
{
    _Service = new CompanyService();
    contact = _Contact;
    ContactCompanyList = GetCompanyList();
}

private SelectList GetCompanyList()
{
    IEnumerable<Company> _CompanyList = _Service.GetAll();
    return new SelectList(_CompanyList, "id", "name");       
}

然后我有一个联系人控制器，使用这个视图模型并使我能够为我的联系人选择相关公司。

[Authorize]
public ActionResult Create()
{                       
    return View(new ContactCompanyViewModel(new Contact()));
}

我的问题出现在控制器上的create方法。

[Authorize]
[AcceptVerbs(HttpVerbs.Post)]
public ActionResult Create(Contact _Contact)
{
    try
    {
        _Service.Save(_Contact);
        return RedirectToAction("Index");
    }
    catch
    {
       return View();
    }
}

问题在于视图返回了一个空的联系人对象，但是！公司ID已经填充，这是因为下拉列表显式声明了其字段名称。

 @Html.DropDownList("parent_company_id",Model.ContactCompanyList)

标准的HTML表单字段在使用HTML.EditorFor助手时，以contact.forename格式将对象值传递回去...

@Html.EditorFor(model => model.contact.forename)

如果我使用FormCollection作为我的创建操作方法参数，并显式搜索contact.value，则可以访问它们，但我不能使用Contact对象作为参数，以保持我的代码简洁清晰而不必每次构建新的联系人对象。

我尝试将实际的视图模型对象作为参数传递回去，但这只会导致构造函数错误（这很令人困惑，因为视图绑定到视图模型而不是联系人对象）。

有没有一种方法可以定义Html.EditFor字段的名称，使值在传递回控制器上的创建操作方法时正确映射到联系人对象？或者我是否犯了一些错误（这是一个学习练习，这是最有可能的解释！）。

- David Abraham

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Darin Dimitrov · Accepted Answer

您的视图模型似乎有误。视图模型不应引用任何服务。视图模型不应引用任何领域模型。视图模型应具有无参数构造函数，以便将其用作POST操作参数。

因此，这是针对您情况更为现实的视图模型：

public class ContactCompanyViewModel
{
    public string SelectedCompanyId { get; set; }
    public IEnumerable<SelectListItem> CompanyList { get; set; }

    ... other properties that the view requires
}

然后你可以有一个GET操作来准备并填充这个视图模型：

public ActionResult Create()
{
    var model = new ContactCompanyViewModel();
    model.CompanyList = _Service.GetAll().ToList().Select(x => new SelectListItem
    {
        Value = x.id.ToString(),
        Text = x.name
    });
    return View(model);
}

还有一个POST动作：

[HttpPost]
public ActionResult Create(ContactCompanyViewModel model)
{
    try
    {
        // TODO: to avoid this manual mapping you could use a mapper tool
        // such as AutoMapper
        var contact = new Contact
        {
            ... map the contact domain model properties from the view model
        };
        _Service.Save(contact);
        return RedirectToAction("Index");
    }
    catch 
    {
        model.CompanyList = _Service.GetAll().ToList().Select(x => new SelectListItem
        {
            Value = x.id.ToString(),
            Text = x.name
        });
        return View(model);
    }
}

现在在您的视图中，您需要使用您的视图模型：

@model ContactCompanyViewModel
@using (Html.BeginForm())
{
    @Html.DropDownListFor(x => x.SelectedCompanyId, Model.CompanyList)

    ... other input fields for other properties

    <button type="submit">Create</button>
}