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

Question

在 MVC 之前，当 webforms 是我们唯一拥有的东西时，我曾经为我的控件定义一个容器(你可以调用 A Box)并在其他控件中使用这个 web 控件(带有标题、正文和一些其他属性)。

所以如果我想改变我所有的视觉控件的外观，我只需要在我的 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查看以及我需要盒子的任何地方，请使用 Html.Partial或 Html.Action并将我的所有数据(标题、boxbody 等)传递给此 View 并使用 @Html.Raw在框 View 中。
但我想知道是否有更好、更标准的方法来实现这一目标。
在 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"))