在同一父视图上多次使用一个部分视图

nab*_*rid 6 model-binding asp.net-mvc-3

我正在使用MVC3剃须刀.我有一个场景,我必须在同一父视图上多次使用局部视图.我遇到的问题是,当父视图被渲染时,它会在这些部分视图中生成相同的名称和输入控件的ID.由于我的部分视图被绑定到不同的模型,当视图回发到"保存"时它崩溃了.任何想法我如何使控件ID /名称唯一,可能有些人如何前缀?

等待

纳比勒

Dar*_*rov 6

我个人更喜欢使用编辑器模板,因为他们会照顾这个.例如,您可以使用以下视图模型:

public class MyViewModel
{
    public ChildViewModel Child1 { get; set; }
    public ChildViewModel Child2 { get; set; }
}

public class ChildViewModel
{
    public string Foo { get; set; }
}
Run Code Online (Sandbox Code Playgroud)

和以下控制器:

public class HomeController : Controller
{
    public ActionResult Index()
    {
        var model = new MyViewModel
        {
            Child1 = new ChildViewModel(),
            Child2 = new ChildViewModel(),
        };
        return View(model);
    }

    [HttpPost]
    public ActionResult Index(MyViewModel model)
    {
        return View(model);
    }
}
Run Code Online (Sandbox Code Playgroud)

并在Index.cshtml视图内:

@model MyViewModel
@using (Html.BeginForm())
{
    <h3>Child1</h3>
    @Html.EditorFor(x => x.Child1)

    <h3>Child2</h3>
    @Html.EditorFor(x => x.Child2)
    <input type="submit" value="OK" />
}
Run Code Online (Sandbox Code Playgroud)

最后一部分是编辑器模板(~/Views/Home/EditorTemplates/ChildViewModel.cshtml):

@model ChildViewModel

@Html.LabelFor(x => x.Foo)
@Html.EditorFor(x => x.Foo)
Run Code Online (Sandbox Code Playgroud)

使用EditorFor您可以包含主视图模型的不同属性的模板,并生成正确的名称/ ID.除此之外,您还可以在POST操作中正确填充视图模型.