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.Partial或Html.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 回答