C# · 12月 28, 2021

c# – 使用嵌套子模型和ASP.NET MVC中的PartialViews进行模型绑定

我有以下类型和类: namespace MVC.Modelspublic class Page { public EditableContent Content {get; set; }}public class EditableContent{ public TemplateSection SidebarLeft {get; set; } public TemplateSection SidebarRight {get; set; }}

我想在Edit.aspx视图中编辑Page实例.因为EditableContent也附加到其他模型,所以我有一个名为ContentEditor.ascx的PartialView,它是强类型的,并带有一个EditableContent的实例并呈现.

渲染部分都可以正常工作,但是当我发布时,我的ContentEditor内的所有内容都不会绑定 – 这意味着Page.Content为null.

在PartialView上,我使用强类型的Html助手来做到这一点:

<%= Html.HiddenFor(m => m.TemplateId) %>

但是,由于ContentEditor.ascx呈现的表单上的输入元素没有获取其id属性的内容前缀 – 这些值不会绑定到Page.

我尝试使用松散类型的帮手来克服这个问题:

<%= Html.Hidden(“Content.TemplateId”,Model.TemplateId) %>

当我处理一个列表< T>的属性时,的东西,它变得非常丑陋.那么我必须手动渲染收集索引.

我应该将Page和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.Text@R_330_2419@For(m => m.SidebarLeft) %><br/><%= Html.Text@R_330_2419@For(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); }}