嵌套子模型和PartialViews在ASP.NET MVC模型绑定
-
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);
}
}
不隶属于 StackOverflow