Modelo de ligação a modelos infantis aninhados e visualizações parciais no ASP.NET MVC
-
20-09-2019 - |
Pergunta
Eu tenho os seguintes tipos e aulas:
namespace MVC.Models
public class Page
{
public EditableContent Content {get; set; }
}
public class EditableContent
{
public TemplateSection SidebarLeft {get; set; }
public TemplateSection SidebarRight {get; set; }
}
Eu quero editar o Page
instância no meu Edit.aspx
Visão. Porque EditableContent
também está anexado a outros modelos, eu tenho um PartialView
chamado ContentEditor.ascx
que é fortemente digitado e leva uma instância de EditableContent
e o renderiza.
A parte da renderização funciona bem, mas quando eu postar - tudo dentro do meu ContentEditor
não é bico - o que significa que Page.Content
é null
.
No PartialView, eu uso os ajudantes HTML fortemente digitados para fazer isso:
<%= Html.HiddenFor(m => m.TemplateId) %>
Mas porque os elementos de entrada no formulário que são renderizados por ContentEditor.ascx
não consegue o Content
prefixo para o seu id
atributo - os valores não são bixied to Page
.
Tentei usar ajudantes de digitação livre para superar isso:
<%= Html.Hidden("Content.TemplateId", Model.TemplateId) %>
E quando estou lidando com uma propriedade que é uma List<T>
de algo fica muito feio. Eu então tenho que renderizar índices de coleta manualmente.
Devo colocar a página e o editableContent como parâmetros para a ação do controlador?:
public ActionResult Edit(Page page, EditableContent content) { ... }
o que estou perdendo?
Solução
Eu sugiro que você use o EditorFor
ajudante
Modelo:
public class EditableContent
{
public string SidebarLeft { get; set; }
public string SidebarRight { get; set; }
}
public class Page
{
public EditableContent Content { get; set; }
}
Visualizações/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) %>
E finalmente controlador/casal de volta:
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);
}
}