@Html.Editor 模型绑定问题

Question

我正在尝试在视图上生成两组复选框列表。除了发布操作之外，这一切都有效。提交时， ParentViewModel 没有正确绑定 ChildViewModel 模型。第一个复选框列表 模型。第二个复选框列表 以上两者都为空。

我不确定我错过了什么。对此的任何帮助都会很棒。 提前致谢。

CheckboxItems.cshtml

@model List<CheckboxItem>
@{        
    for (int i = 0; i < Model.Count(); i++)
    {
       <div>
       @Html.CheckBoxFor(x => x.ElementAt(i).Checked, new { @id = Model.ElementAt(i).Id, onclick = "GetValue()" })
          <span id="Padded">@Model.ElementAt(i).Text</span>
       </div> 
    }
}

MainView.cshtml

 @Html.BeginForm(){     
       @Html.EditorFor(m=> m.FirstCheckboxList,"CheckboxItems") 
       @Html.EditorFor(m=> m.SecondCheckboxList, "CheckboxItems")                
 }
 @Html.TextBoxFor(m => m.FSelected, new Dictionary<string,object>() {{"readonly",true}})       
 @Html.TextBoxFor(m => m.FUniverse,new Dictionary<string,object>() {{"readonly",true}})
        <input type="submit" name="nextBtn" value ="Next" />
 }

父视图模型

public class ParentViewModel
{       
    public int PId { get; set; }
    public IEnumerable<CheckboxItem> FirstCheckboxList{ get; set; }
    public IEnumerable<CheckboxItem> SecondCheckboxList{ get; set; }
    public Int64 FSelected { get; set; }
    public Int64 FUniverse { get; set; }
}

CheckboxItem : 子视图模型

 public class CheckboxItem
  {
    public int Id { get; set; }
    public string Text { get; set; }
    public bool Checked { get; set; }
  }

控制器动作

   [HttpPost]
    public ActionResult MyCheckboxView(int planid,   ParentViewModel model, string nextBtn)
    {
        // do something
        return View(Model);
    }

Answer 1

尝试将ParentViewModel 的视图模型更改为使用List<CheckboxItem> 而不是IEnumerable<CheckboxItem>：

public class ParentViewModel
{       
    public int PlanId { get; set; }
    public List<CheckboxItem> FirstCheckboxList{ get; set; }
    public List<CheckboxItem> SecondCheckboxList{ get; set; }
    public Int64 FSelected { get; set; }
    public Int64 FUniverse { get; set; }
}

模型绑定器需要像List 或Array 这样的数据结构，以便它可以正确绑定指定索引处的元素。 IEnumerable 只是一个接口，不支持这样的索引。

编辑

另外，作为旁注，您不必为 EditorTemplate 中的 for 循环而烦恼，因为 MVC 可以为您完成所有这些工作。只需将模型类型更改为@model CheckboxItem，删除循环并去掉id 属性，如下所示：

@model CheckboxItem
@{        

   <div>
   @Html.CheckBoxFor(x => x.Checked, new { onclick = "GetSelectedFrame()" })
      <span id="Padded">@Model.Text</span>
   </div> 
    }
}

另外，请确保您的 EditorFor 调用不提供 EditorTemplate 的名称，因为这会弄乱“MVC 魔术”（see this question 这说明它会自动迭代列表没有模板名称且不与模板名称）：

@Html.BeginForm(){ 
    @Html.EditorFor(m=> m.FirstCheckboxList) 
    @Html.EditorFor(m=> m.SecondCheckboxList) 
}