c# - MVC3 数据绑定(bind)

Question

我有一个部分 View ，我将模型传递给它，它显示用户可以选择的复选框，这最终会与我的表单一起发布，以便我可以查询它们的选中状态并根据需要将数据插入数据库。

我想更改我的局部 View ，这样就不会采用包含模型列表的模型，而是直接采用模型列表，从而将其解耦并使其作为局部 View 更有用。问题是当我这样做时，它似乎没有正确绑定(bind)数据。下面是之前的代码示例(正常工作和不工作之后)。

如果有人能够阐明为什么我的更改没有生效，我将不胜感激，即在我检查发布的数据后的代码中，列表为空，而在正确填充之前:

之前:

调用局部 View :

<fieldset>
    <legend>Facilities</legend>
    <div class="display-field">
        <div>
            @{Html.RenderPartial("Partial/FacilityPartial", Model);}
        </div>
    </div>
</fieldset>

局部 View :

@model namespace.Models.SchoolRegisterModel
@for (var i = 0; i < Model.Facilities.Count; i++)
{
    @Html.HiddenFor(x => x.Facilities[i].name)
    @Html.HiddenFor(x => x.Facilities[i].facility_id)
    @Html.LabelFor(x => x.Facilities[i].@checked, Model.Facilities[i].name);
    @Html.CheckBoxFor(
            x => x.Facilities[i].@checked,
        new
        {
            id = Model.Facilities[i].facility_id,
            @class = "RightSpacing",
            description = Model.Facilities[i].description
        }
    ) 
}

之后:

调用局部 View :

<fieldset>
    <legend>Facilities</legend>
    <div class="display-field">
        <div>
            @{Html.RenderPartial("Partial/FacilityPartial", Model.Facilities);}
        </div>
    </div>
</fieldset>

局部 View :

@model IEnumerable<namespace.Models.facility>
@for (int i = 0; i < Model.Count(); i++)
{
    @Html.HiddenFor(x => x.ElementAt(i).name)

    @Html.HiddenFor(x => x.ElementAt(i).name)
    @Html.HiddenFor(x => x.ElementAt(i).facility_id)
    @Html.LabelFor(x => x.ElementAt(i).@checked, Model.ElementAt(i).name);
    @Html.CheckBoxFor(
            x => x.ElementAt(i).@checked,
        new
        {
            id = Model.ElementAt(i).facility_id,
            @class = "RightSpacing",
            description = Model.ElementAt(i).description
        }
    )
}

提前致谢!

乔

完成的代码(工作)

型号:

public class SchoolRegisterModel
{
    // ... Lots of data 
    public string Data { get; set; }

    [Display(Name = "Facilities")]
    public IEnumerable<FacilityViewModel> Facilities { get; set; }
}

namespace namespace.Models
{
    public class FacilityViewModel
    {
        public FacilityViewModel()
        {
        }

        public FacilityViewModel(facility facil, bool bSelected = false)
        {
            this.Facility = facil;
            this.Selected = bSelected;
        }

        public facility Facility { get; set; }
        public bool Selected { get; set; }        
    }
}

编辑器模板:

@model namespace.Models.FacilityViewModel
@Html.HiddenFor(x => x.Facility.facility_id)
@Html.HiddenFor(x => x.Facility.name)
@Html.LabelFor(x => x.Selected, Model.Facility.name)
@Html.CheckBoxFor(x => x.Selected,
    new
    {
        id = Model.Facility.facility_id,
        @class = "RightSpacing",
        description = Model.Facility.description
    }
)

Controller :

// GET: /School/Register

public ActionResult Register()
{
    var viewModel = new SchoolRegisterModel();

    PopulateFacilityCollection(ref viewModel);
    return View(viewModel);
}

private void PopulateFacilityCollection(ref SchoolRegisterModel viewModel)
{
    List<FacilityViewModel> FacilityCollection = new List<FacilityViewModel>();
    foreach (facility facil in DBModel.facilities)
    {
        FacilityCollection.Add(new FacilityViewModel(facil));
    }

    viewModel.Facilities = FacilityCollection;
}

查看:

<fieldset>
    <legend>Facility</legend>
        <div class="editor-field">
            @Html.EditorFor(x => x.Facilities)
        </div>
</fieldset>

现在一切似乎都很好，我希望这对其他人有帮助!

Answer 1

问题是当您应该使用编辑器模板时，您似乎使用了分部 View 。使用 Partials 时，您需要传递完整的模型，以便 Html Helpers 在其生成的名称/ID 中保留完整的对象层次结构。由于模型绑定(bind)器在反序列化期间使用这些名称，如果层次结构丢失......数据无法重新饱和。

我建议改用编辑器模板，这将允许您在局部 View 中保持 Razor 代码相同，同时只传递顶级模型中需要的对象...在您的情况下是列表。

这里有一个关于如何使用它们的很好的教程:http://coding-in.net/asp-net-mvc-3-how-to-use-editortemplates/