MVC3 EditorFor动态属性（或需要解决方法）

Question

我正在构建一个提出问题并接收答案的系统。每个问题都可以有自己类型的答案。现在我们将其限制为 String 和 DateTime。在域中，问题以以下方式表示：

public class Question
{
    public int Id
    {
        get;
        set;
    }

    public string Caption
    {
        get;
        set;
    }

    public AnswerType
    {
        get;
        set;
    }
}

，其中 AnswerType 是

enum AnswerType
{
    String,
    DateTime
}

请注意，实际上我有更多的答案类型。

我提出了创建一个 MVC 模型的想法，该模型源自 Question 并向其中添加 Answer 属性。所以它必须是这样的：

public class QuestionWithAnswer<TAnswer> : Question
{
    public TAnswer Answer
    {
        get;
        set;
    }
}

问题就从这里开始。我想要一个通用视图来绘制任何问题，所以它需要是这样的：

@model QuestionWithAnswer<dynamic>

<span>@Model.Caption</span>
@Html.EditorFor(m => m.Answer)

对于 String 我想在这里有简单的输入，对于 DateTime 我要去来定义我自己的观点。我可以从控制器传递具体模型。但问题是，在渲染阶段，它自然无法确定 Answer 的类型，特别是如果它最初为 null （默认为 String），因此 EditorFor 不会为 String 绘制任何内容，也不会为 DateTime 中的所有属性绘制输入。

我确实理解问题的本质，但是有什么优雅的解决方法吗？或者我必须实现自己的逻辑来根据控件类型选择编辑器视图名称（又大又丑的 switch）？

Answer 1

我个人不喜欢这样：

enum AnswerType
{
    String,
    DateTime
}

我更喜欢使用 .NET 类型系统。让我向您推荐一种替代设计。一如既往，我们首先定义视图模型：

public abstract class AnswerViewModel
{
    public string Type 
    {
        get { return GetType().FullName; }
    }
}

public class StringAnswer : AnswerViewModel
{
    [Required]
    public string Value { get; set; }
}

public class DateAnswer : AnswerViewModel
{
    [Required]
    public DateTime? Value { get; set; }
}

public class QuestionViewModel
{
    public int Id { get; set; }
    public string Caption { get; set; }
    public AnswerViewModel Answer { get; set; }
}

然后是控制器：

public class HomeController : Controller
{
    public ActionResult Index()
    {
        var model = new[]
        {
            new QuestionViewModel
            {
                Id = 1,
                Caption = "What is your favorite color?",
                Answer = new StringAnswer()
            },
            new QuestionViewModel
            {
                Id = 1,
                Caption = "What is your birth date?",
                Answer = new DateAnswer()
            },
        };
        return View(model);
    }

    [HttpPost]
    public ActionResult Index(IEnumerable<QuestionViewModel> questions)
    {
        // process the answers. Thanks to our custom model binder
        // (see below) here you will get the model properly populated
        ...
    }
}

然后是主 Index.cshtml 视图：

@model QuestionViewModel[]

@using (Html.BeginForm())
{
    <ul>
        @for (int i = 0; i < Model.Length; i++)
        {
            @Html.HiddenFor(x => x[i].Answer.Type)
            @Html.HiddenFor(x => x[i].Id)
            <li>
                @Html.DisplayFor(x => x[i].Caption)
                @Html.EditorFor(x => x[i].Answer)
            </li>
        }
    </ul>
    <input type="submit" value="OK" />
}

现在我们可以为我们的答案提供编辑器模板：

~/Views/Home/EditorTemplates /StringAnswer.cshtml:

@model StringAnswer

<div>It's a string answer</div>
@Html.EditorFor(x => x.Value)
@Html.ValidationMessageFor(x => x.Value)

~/Views/Home/EditorTemplates/DateAnswer.cshtml：

@model DateAnswer

<div>It's a date answer</div>
@Html.EditorFor(x => x.Value)
@Html.ValidationMessageFor(x => x.Value)

最后一块是我们答案的自定义模型绑定器：

public class AnswerModelBinder : DefaultModelBinder
{
    protected override object CreateModel(ControllerContext controllerContext, ModelBindingContext bindingContext, Type modelType)
    {
        var typeValue = bindingContext.ValueProvider.GetValue(bindingContext.ModelName + ".Type");
        var type = Type.GetType(typeValue.AttemptedValue, true);
        var model = Activator.CreateInstance(type);
        bindingContext.ModelMetadata = ModelMetadataProviders.Current.GetMetadataForType(() => model, type);
        return model;
    }
}

它将注册在Application_Start：

ModelBinders.Binders.Add(typeof(AnswerViewModel), new AnswerModelBinder());

Answer 2

您仍然可以使用 Html.EditorFor(..)，但指定第二个参数，即编辑器模板的名称。您的 Question 对象有一个属性，即 AnswerType，因此您可以执行类似的操作...

@Html.EditorFor(m => m.Answer, @Model.AnswerType)

在您的 EditorTemplates 文件夹中只需为每个 AnswerType 定义一个视图。即“String”、“DateTime”等。

编辑：就 String 的 Answer 对象为 null 而言，我会在那里放置一个占位符对象，以便“String”编辑器模板中的模型不为 null。