一个视图中的两个模型，仅验证其中一个答案

【问题标题】：Two Models in One View, Validate only one of them一个视图中的两个模型，仅验证其中一个
【发布时间】：2012-06-24 15:15:55
【问题描述】：

我有一个包含 ParentModel 的视图，其中包含 2 个模型。我只想验证一个或另一个的字段。不是都。假设我有：

public ParentModel{
  public BlueUser BlueUser {get; set;}
  public GreenUser GreenUser {get; set;}
}

所以用户选择他是 GreenUser 还是 BlueUser。每种类型的用户都有不同的字段，并且根据用户选择的用户类型，我只想验证该特定类型用户的字段。如何做到这一点？

编辑：两个表单/模型必须在同一个视图上，可能带有一些 JQuery 或 Partials？

【问题讨论】：

您总是可以为适当类型的用户构建一个表单
但是 2 个表单必须在同一个视图上......这就是客户想要的方式，他们甚至为我提供了 Illustrator 布局。
那么也许你应该编辑你的问题并提供更多信息..

标签： asp.net-mvc asp.net-mvc-3 view model

【解决方案1】：

使用HtmlHelper<BlueUser> 创建一个表单，使用HtmlHelper<GreenUser> 创建另一个表单，并将它们发布到不同的操作。

首先，视图模型是：

@model ParentModel

然后使用HtmlHelperFor为每个子模型创建一个HtmlHelper：

@{
   var blueHtml = Html.HtmlHelperFor(Model.BlueUser);
   var greenHtml = Html.HtmlHelperFor(Model.GreenUser);
}

@using (blueHtml.BeginForm("BluePost", null)) {
   @blueHtml.EditorForModel()
}

@using (greenHtml.BeginForm("GreenPost", null)) {
   @greenHtml.EditorForModel()
}

最后，在控制器中为每个表单创建不同的 POST 操作：

[HttpPost]
public ActionResult BluePost(BlueUser model) {
   ...
}

[HttpPost]
public ActionResult GreenPost(GreenUser model) {
   ...
}

扩展方法如下：

public static class HtmlHelperFactoryExtensions {

   public static HtmlHelper<TModel> HtmlHelperFor<TModel>(this HtmlHelper htmlHelper) {
      return HtmlHelperFor(htmlHelper, default(TModel));
   }

   public static HtmlHelper<TModel> HtmlHelperFor<TModel>(this HtmlHelper htmlHelper, TModel model) {
      return HtmlHelperFor(htmlHelper, model, null);
   }

   public static HtmlHelper<TModel> HtmlHelperFor<TModel>(this HtmlHelper htmlHelper, TModel model, string htmlFieldPrefix) {

      var viewDataContainer = CreateViewDataContainer(htmlHelper.ViewData, model);

      TemplateInfo templateInfo = viewDataContainer.ViewData.TemplateInfo;

      if (!String.IsNullOrEmpty(htmlFieldPrefix))
         templateInfo.HtmlFieldPrefix = templateInfo.GetFullHtmlFieldName(htmlFieldPrefix);

      ViewContext viewContext = htmlHelper.ViewContext;
      ViewContext newViewContext = new ViewContext(viewContext.Controller.ControllerContext, viewContext.View, viewDataContainer.ViewData, viewContext.TempData, viewContext.Writer);

      return new HtmlHelper<TModel>(newViewContext, viewDataContainer, htmlHelper.RouteCollection);
   }

   static IViewDataContainer CreateViewDataContainer(ViewDataDictionary viewData, object model) {

      var newViewData = new ViewDataDictionary(viewData) {
         Model = model
      };

      newViewData.TemplateInfo = new TemplateInfo { 
         HtmlFieldPrefix = newViewData.TemplateInfo.HtmlFieldPrefix 
      };

      return new ViewDataContainer {
         ViewData = newViewData
      };
   }

   class ViewDataContainer : IViewDataContainer {

      public ViewDataDictionary ViewData { get; set; }
   }
}

【讨论】：

感谢 Max 的回答，很高兴了解 HtmlHelperFor 类。可悲的是，设计师给了我 html 标记，所以我不得不围绕它编写代码，即我无法将 HTML 代码分成两种形式。我得到的布局非常混乱。我最终使用流体验证来进行个案验证。谢谢！

【解决方案2】：

解决方案 1

你所做的是使用依赖验证，它不是默认内置的，只有Compare属性，你可以构建自己的属性，如果单选按钮值是必需的，或者你可以使用类似Mvc.ValidationTookit的东西

解决方案 2

例如，当用户选择蓝色用户时，您使用 javascript 在表单提交事件中检查他选择了什么，具体取决于他选择的内容，您将引导他使用适当的模型作为参数传递的不同操作

【讨论】：

【解决方案3】：

服务器端实现

您应该看到两个表单。
每个表单都应该在发布时在控制器中执行不同的操作。

动画的客户端实现

您可以使用任何您喜欢的 JavaScript 库来禁用一个表单，而另一个启用鼠标焦点。

【讨论】：