Связывание моделей с вложенными дочерними моделями и PartialViews в ASP.NET MVC - PullRequest
Новая
       12

Связывание моделей с вложенными дочерними моделями и PartialViews в ASP.NET MVC

9 голосов
/ 17 марта 2010

У меня есть следующие типы и классы: 

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> чем-то, оно становится очень уродливым. Затем я должен вручную обработать индексы коллекций.

Должен ли я указать Page и EditableContent в качестве параметров для действия контроллера?: 

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

Чего мне не хватает?

1 Ответ

18 голосов
/ 17 марта 2010

Я бы предложил вам использовать EditorFor помощник

Модель: 

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

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

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

И, наконец, 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);
    }
}
...