复杂类型模型不会通过列表属性

Question

大家好，我的 mvc 应用程序有问题。它是一个简单的测验应用程序，我一直在为问题模型创建创建视图。

我有带有适当视图模型的问题和选项模型（在我的例子中它们是 QustionDTO 和 OptionDTO），我想让 cshtml 使用选项列表为问题创建视图。like this 但是当我提交表单时，我的选项列表为空。这是我的问题和选项模型

 public class Question
 {
     [Key]
     [DatabaseGenerated(DatabaseGeneratedOption.Identity)]
     public int Id { get; set; }
     [Required]
     public string QuestionText { get; set; }
     public virtual ICollection<Option> Options { get; set; }
 }

public class Option
{
     [Key]
     [DatabaseGenerated(DatabaseGeneratedOption.Identity)]
     public int Id { get; set; }
     [Required]
     [Display(Name ="Answer text")]
     public string OptionText { get; set; }
     [Required]
     public bool IsCorrect { get; set; }
}

这是我的 DTO 模型

public class QuestionDTO
{
    public int Id { get; set; }
    public string QuestionText { get; set; }
    public List<OptionDTO> Options { get; set; }
}
public class OptionDTO
{
    public int Id { get; set; }
    public string OptionText { get; set; }
    public bool IsCorrect { get; set; }
}

这是我的视图，编辑器模板位于“~/views/shared/editortemplate/OptionDTO.cshtml”

@model Quiz.BusinessEntites.QuestionDTO

@using (Html.BeginForm())
{
    @Html.AntiForgeryToken()

    <div class="form-horizontal">
        <h4>QuestionDTO</h4>
        <hr />
        @Html.ValidationSummary(true, "", new { @class = "text-danger" })
        <div class="form-group">
            @Html.LabelFor(model => model.QuestionText, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.QuestionText, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.QuestionText, "", new { @class = "text-danger" })
            </div>
        </div>
        <table class="table" style="width:50%">
            @for (int i = 0; i < 3; i++)
            {
                @Html.EditorFor(model=>model.Options[i])
            }
        </table>
        <div class="form-group">
            <div class="col-md-offset-2 col-md-10">
                <input type="submit" value="Create" class="btn btn-default" />
            </div>
        </div>
    </div>
}

<div>
    @Html.ActionLink("Back to List", "Index")
</div>

这是 OptionDTO 编辑器模板

@using Quiz.BusinessEntites
@model Quiz.BusinessEntites.OptionDTO
<tr>
    <th class="col-md-2">
        @Html.DisplayNameFor(m => m.OptionText)
    </th>
    <th class="col-md-2">
        @Html.DisplayNameFor(m => m.IsCorrect)
    </th>
</tr>
<tr>
    <td class="col-md-2">
        @Html.EditorFor(m => m.OptionText)
    </td>
    <td class="col-md-2">
        @Html.EditorFor(m => m.IsCorrect)

    </td>
</tr>

从上图中您可以看到选项列表为空。如果您有任何建议，我们将不胜感激。

Answer 1

在您的 http post 操作方法中，带有 Include 列表的 Bind 属性告诉模型绑定器仅绑定 "Id"、"QuestionText" 和来自 posted 表单数据的 QuestionDto 对象的 "IsCorrect" 属性。所以模型绑定器不会绑定 Options 属性值。

从您的 Http post 操作方法中删除 Bind 属性。如果您的视图模型特定于您的视图，则无需使用 Bind 属性，这意味着您只有视图所需的属性（在您的情况下看起来是这样）

public ActionResult Create(QuestionDTO model)
{
  // to do :return something
}

如果您想使用非视图特定的视图模型，但仍想使用 Bind 属性来仅指定属性的子集，则仅包括那些属性。在您的情况下，您的代码将类似于

public ActionResult Create([Bind(Include="Id,QuestionText",Options"] QuestionDTO model)
{
  // to do :return something
}

此外，您应该将编辑器模板视图放在名为 EditorTemplates 的目录中，而不是 EditorTemplate

复杂类型模型不会通过列表属性

complex type model wont pass list propery

asp.net-mvc

razor

asp.net-mvc-5

mvc-editor-templates

复杂类型模型不会通过列表 属性

complex type model wont pass list propery

asp.net-mvc

razor

asp.net-mvc-5

mvc-editor-templates

复杂类型模型不会通过列表属性