Modèle de liaison avec des modèles enfants imbriqués et PartialViews dans ASP.NET MVC

Question

Je les types et les classes suivantes:

namespace MVC.Models

public class Page 
{
   public EditableContent Content {get; set; }
}

public class EditableContent
{
    public TemplateSection SidebarLeft {get; set; }
    public TemplateSection SidebarRight {get; set; }
}

Je veux modifier l'instance Page dans mon Edit.aspx View. Parce que EditableContent est également attaché à d'autres modèles, j'ai un PartialView appelé ContentEditor.ascx qui est fortement typé et prend une instance de EditableContent et rend.

La partie rendu tout fonctionne très bien, mais quand je poste - tout à l'intérieur de mon ContentEditor ne binded -. Ce qui signifie que Page.Content est null

Sur la PartialView, j'utilise fortement typé Html Helpers faire ceci:

<%= Html.HiddenFor(m => m.TemplateId) %>

Mais parce que les éléments d'entrée sur la forme qui sont rendus par ContentEditor.ascx ne soit pas le préfixe Content à son attribut id -. Les valeurs ne sont pas binded à Page

J'ai essayé d'utiliser des aides faiblement typé pour surmonter ceci:

<%= Html.Hidden("Content.TemplateId", Model.TemplateId) %>

Et quand je fais face à une propriété qui est un List<T> de quelque chose il est très laid. Je dois ensuite rendre index de collection manuellement.

Dois-je mettre la page à la fois et EditableContent en tant que paramètres à l'action du contrôleur:

public ActionResult Edit(Page page, EditableContent content) { ... }

Qu'est-ce que je suis absent?

Answer 1

Je vous suggère d'utiliser l'assistant EditorFor

Modèle:

public class EditableContent
{
    public string SidebarLeft { get; set; }
    public string SidebarRight { get; set; }
}

public class Page
{
    public EditableContent Content { get; set; }
}

Vues / Accueil / Index.aspx:

<%@ Page Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<ToDD.Models.Page>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    Home Page
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<% using (Html.BeginForm()) { %>
    <%-- 
    This is the important part: It will look for 
    Views/Shared/EditorTemplates/EditableContent.ascx
    and render it. You could also specify a prefix
    --%>
    <%= Html.EditorFor(page => page.Content, "Content") %>
    <input type="submit" value="create" />
<% } %>
</asp:Content>

Vues / Shared / EditorTemplates / EditableContent.ascx:

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<ToDD.Models.EditableContent>" %>

<%= Html.TextBoxFor(m => m.SidebarLeft) %>
<br/>
<%= Html.TextBoxFor(m => m.SidebarRight) %>

Et enfin contrôleur / HomeController:

public class HomeController : Controller
{
    public ActionResult Edit()
    {
        var page = new Page
        {
            Content = new EditableContent
            {
                SidebarLeft = "left",
                SidebarRight = "right"
            }
        };
        return View(page);
    }

    [HttpPost]
    public ActionResult Edit(Page page)
    {
        return View(page);
    }
}