2

在 MVC 之前,当 webforms 是我们唯一的东西时,我曾经为我的控件定义一个容器(你可以调用一个 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.PartialHtml.Action将我的所有数据(标题、框体等)传递给该视图并@Html.Raw在框视图中使用。
但我想知道是否有更好、更标准的方法来实现这一目标。在 MVC 3 (Razor) 中实现这一目标的正确方法是什么?

4

1 回答 1

3

您可以创建一个 Html Helper 扩展方法来执行此操作。我能找到的最好的教程是针对 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 视图中调用此方法,如下所示:

@Html.Box("foo", Html.Partial("bar"))
于 2012-04-10T01:35:16.040 回答