ASP.NET MVCで、ネストされた子モデルとPartialViewsとの結合モデル
-
20-09-2019 - |
質問
私は、次のタイプとクラスを持っています:
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) { ... }
私は何をしないのですか?
解決
私は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);
}
}