4

我有一个带有单个子实体和各种其他属性的视图模型。

在我看来，我想为子实体显示一个表单。使用以下代码：

@Html.HiddenFor(model => model.Item.ItemID)

产生以下输出：

<input id="Item_ItemID" name="Item.ItemID" type="hidden" value="234" />

如您所见，Html 帮助程序以idandname属性为前缀，而我预计输出为

<input id="ItemID" name="ItemID" type="hidden" value="234" />

因此，前一个输出在提交表单时会导致错误，因为表单元素与子实体上的属性不对应。

我知道我可以通过硬编码隐藏字段来解决这个问题

<input id="ItemID" name="ItemID" type="hidden" value="@Model.Item.ItemID" />

哪一种打败了拥有 Html 助手或创建局部视图并传入子对象的原因

@{Html.RenderPartial("ItemForm", Model.Item);}

我知道能够将 html 属性传递给该方法，并且还可以编写自己的扩展方法，但是当涉及数据验证和 jQuery 时，事情会变得更加复杂，即以下代码：

@Html.EditorFor(model => model.Item.Title)
@Html.ValidationMessageFor(model => model.Item.Title)

产生这个代码：

<input class="text-box single-line" data-val="true" data-val-required="The Title field is required." id="Item_Title" name="Item.Title" type="text" value="Some text" />
<span class="field-validation-valid" data-valmsg-for="Item.Title" data-valmsg-replace="true"></span>

所以需要一种优雅的方法来保持属性名称同步。

那么谁能回答为什么 HtmlHelper 会为视图模型的子项的属性添加前缀？作为后续问题，是否有任何其他巧妙的方法可以防止添加前缀？

4

1 回答 1

6

HTML 助手在构建时考虑了模型绑定约定。例如，我假设您有以下模型：

public class MyViewModel
{
    public ItemViewModel Item { get; set; }

    // ... other properties
}

public class ItemViewModel
{
    public int ItemID { get; set; }
}

并且相应的视图被强类型化为MyViewModel.

所以当你使用：

@Html.HiddenFor(model => model.Item.ItemID)

助手生成：

<input id="Item_ItemID" name="Item.ItemID" type="hidden" value="234" />

因为当表单被 POST 回服务器时，这将允许您在相应的控制器操作中正确绑定您的视图模型：

[HttpPost]
public ActionResult Process(MyViewModel model)
{
    // model.Item.ItemID will be correctly bound here from the hidden field value
}

我想您的问题来自您的控制器操作采用ItemViewModelas 参数而不是MyViewModel：

[HttpPost]
public ActionResult Process(ItemViewModel model)
{
    // model.ItemID will not be correctly bound here from the hidden field value
}

因此，您可以使用该[Bind]属性并指定一个前缀来帮助模型绑定器：

[HttpPost]
public ActionResult Process([Bind(Prefix="Item")] ItemViewModel model)
{
    // model.ItemID will be correctly bound here from the hidden field value
}

或者简单地设计另一个视图模型，从中剥离所有不必要的属性，只留下Item属性。现在您的控制器操作可以采用这个专门设计的视图模型。

因此，正如您在一天结束时看到的那样，如果您正确设计视图模型，您可以完美地控制模型绑定。这都是关于 ASP.NET MVC 中的视图模型的。他们解决所有问题。

于 2013-01-04T12:53:31.467 回答