asp.net-mvc - asp.net mvc 中的控件模板

Question

在 MVC 之前，当 Webforms 是我们唯一拥有的东西时，我曾经为我的控件定义一个容器(您可以称之为 Box)，并在其他控制。

因此，如果我想更改所有视觉控件的外观，我只需在 Box 控件中进行一项更改即可。

这是我过去所做的一个简化片段:

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="Box.ascx.cs" Inherits="WebApp.Controls.Box" %>
<span class="boxtitle">
    <asp:Literal ID="ltrTitle" runat="server"></asp:Literal>
</span>
<div class="boxContent" id="dvBox">
    <asp:PlaceHolder runat="server" ID="BoxBodyContainer"/>
</div>

在代码隐藏中:

public Control BoxBody { get; set; }
public string Title
{
    get { return this.ltrTitle.Text; }
    set { this.ltrTitle.Text = value; }
}
protected void Page_Load(object sender, EventArgs e)
{
    this.BoxBodyContainer.Controls.Add(this.BoxBody);
}  

所以我可以将其与页面中的其他控件一起使用，如下所示:

<MyControls:Box ID="Box1" Title="Foo" runat="server">
    <boxbody>
        <MyControls:CustomControl ID="Bar" runat="server" >
         </MyControls:CustomControl>
    </boxbody>
</MyControls:Box>  

为了在 MVC 3 中拥有类似的东西，我认为我应该定义一个 Box View ，并且在任何需要该框的地方，使用 Html.Partial 或 Html.Action 并将我的所有数据(标题、boxbody 等)传递到此 View ，并在框 View 中使用 @Html.Raw。
但我想知道是否有更好、更标准的方法来实现这一目标。 在 MVC 3 (Razor) 中实现此目的的正确方法是什么？

Answer 1

您可以创建一个 Html Helper 扩展方法来执行此操作。 The best tutorial I could find was for MVC2 ，但它为您提供了基础知识。

本教程没有介绍的是 System.Web.MVC 命名空间中的类可以帮助您在代码中创建 html。

注意:以下代码尚未经过测试。

using System;
using System.Web.Mvc;

public static class HtmlExtensions
{
    public static MvcHtmlString Box(this HtmlHelper helper, string title, MvcHtmlString body)
    {
        TagBuilder span = new TagBuilder("span");
        span.AddCssClass("boxtitle");
        span.SetInnerText(title.ToString());

        TagBuilder div = new TabBuilder("div");
        div.AddCssClass("boxContent");
        div.InnerHtml = body;

        return MvcHtmlString.Create(span.ToString() + div.ToString());
    }
}

您可以从 Razor View 调用此方法，如下所示:

@Html.Box("foo", Html.Partial("bar"))