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

私は私の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>である性質を扱っています。私は、手動でコレクションのインデックスをレンダリングする必要があります。

私はコントローラのアクションにパラメータとしてページと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) %>

そして最後にコントローラー/に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);
    }
}