與嵌套子模型和ASP.NET MVC中的PartialViews進行模型綁定

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

我想在Edit.aspx視圖中編輯Page實例。 因為EditableContent也附加到其他模型，所以我有一個名為ContentEditor.ascx的PartialView ，它是強類型的，並獲取EditableContent的實例並呈現它。

渲染部分一切正常，但是當我發布時 - 我的ContentEditor內的所有內容都沒有綁定 - 這意味着Page.Content為null 。

在PartialView上，我使用強類型的Html Helpers來執行此操作：

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

但是因為ContentEditor.ascx呈現的表單上的輸入元素沒有獲得其id屬性的Content前綴 - 這些值不會綁定到Page 。

我嘗試使用松散類型的助手來克服這個問題：

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

當我處理一個屬於List<T>的屬性時，它變得非常難看。 然后我必須手動渲染集合索引。

我應該將Page和EditableContent作為參數添加到控制器操作中嗎？：

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

查看/首頁/的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>

查看/共享/ 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) %>

最后是Controller / 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);
    }
}