ASP.NET MVC의 중첩 된 아동 모델 및 부분 뷰로 모델 바인딩

Question

다음 유형과 수업이 있습니다.

namespace MVC.Models

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

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

편집하고 싶습니다 Page 내 인스턴스 Edit.aspx 보다. 왜냐하면 EditableContent 다른 모델에도 첨부되어 있습니다. PartialView ~라고 불리는 ContentEditor.ascx 그것은 강하게 입력하고 인스턴스를 취합니다 EditableContent 그리고 그것을 렌더링합니다.

렌더링 부분은 모두 잘 작동하지만 게시 할 때 - 내부의 모든 내용은 ContentEditor 뼈가 아닙니다. 즉,이를 의미합니다 Page.Content ~이다 null.

PartialView에서는 강력하게 입력 한 HTML 도우미를 사용하여 다음을 수행합니다.

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

그러나 렌더링 된 양식의 입력 요소가 ContentEditor.ascx 얻지 못합니다 Content 그것에 접두사 id 속성 - 값은 삐걱 거리지 않습니다 Page.

나는 이것을 극복하기 위해 느슨하게 입력 된 도우미를 사용하려고 시도했다.

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

그리고 내가 List<T> 그것은 매우 추악 해집니다. 그런 다음 수집 인덱스를 수동으로 렌더링해야합니다.

컨트롤러 동작의 매개 변수로 두 페이지와 편집자를 모두 넣어야합니까? :

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

내가 무엇을 놓치고 있습니까?

Answer 1

나는 당신이 사용하도록 제안합니다 EditorFor 돕는 사람

모델:

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

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

보기/home/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>

views/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) %>

마지막으로 컨트롤러/홈 컨트롤러 :

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);
    }
}