MVC 3 htmlhelper 扩展方法来环绕内容答案

【问题标题】：MVC 3 htmlhelper extension method to wrap around contentMVC 3 htmlhelper 扩展方法来环绕内容
【发布时间】：2012-05-17 11:41:24
【问题描述】：

我搜索了但找不到任何快速的解决方案来创建 MVC 3 htmlhelper 来创建包装器方法。我正在寻找的是这样的：

@html.createLink("caption", "url")
{
    <html> content in tags </html>
}

结果应该有

<a href="url" title="Caption">
  <html> content in tags </html>
</a>

对此有任何帮助。

【问题讨论】：

您是否在问是否可以这样做：@Html.ActionLink("<span class='red'>Hello</span> World", "MyAction")？
不，不是那样。我知道有 BeginForm() 和 EndForm() 方法来处理这种情况，但是如果你忘记了一个结束标签，那么大规模这样做会导致问题。
我不确定我明白你的意思吗？在这种情况下您不会使用BeginForm 吗？您将使用 BeginForm 创建表单，而不是锚链接。
Beginform 只是为了说明.. 不是为了实际使用。
我添加了一个我认为您正在寻找的答案。

标签： asp.net asp.net-mvc-3 razor htmlextensions

【解决方案1】：

使用 BeginForm 完成此操作的方式是返回类型 MvcForm 隐含 IDisposable 以便在 using 语句中使用时，MvcForm 的 Dispose 方法写出结束 </form>标记。

您可以编写一个完全相同的扩展方法。

这是我刚刚写的一个演示。

首先，扩展方法：

public static class ExtensionTest
{
    public static MvcAnchor BeginLink(this HtmlHelper htmlHelper)
    {
        var tagBuilder = new TagBuilder("a");
        htmlHelper.ViewContext.Writer
                        .Write(tagBuilder.ToString(
                                             TagRenderMode.StartTag));
        return new MvcAnchor(htmlHelper.ViewContext);
    }
}

这是我们的新类型，MvcAnchor：

public class MvcAnchor : IDisposable
{
    private readonly TextWriter _writer;
    public MvcAnchor(ViewContext viewContext)
    {
        _writer = viewContext.Writer;
    }

    public void Dispose()
    {
        this._writer.Write("</a>");
    }
}

在您看来，您现在可以这样做：

@{
    using (Html.BeginLink())
    { 
        @Html.Raw("Hello World")
    }
}

产生结果：

<a>Hello World</a>

稍微扩展一下以满足您的确切要求：

public static MvcAnchor BeginLink(this HtmlHelper htmlHelper, 
                                   string href, 
                                   string title)
{
    var tagBuilder = new TagBuilder("a");
    tagBuilder.Attributes.Add("href",href);
    tagBuilder.Attributes.Add("title", title);
    htmlHelper.ViewContext.Writer.Write(tagBuilder
                                    .ToString(TagRenderMode.StartTag));
    return new MvcAnchor(htmlHelper.ViewContext);
}

以及我们的观点：

@{
  using (Html.BeginLink("http://stackoverflow.com", "The Worlds Best Q&A site"))
  { 
      @Html.Raw("StackOverflow - Because we really do care")
  }
}

产生结果：

<a href="http://stackoverflow.com" title="The Worlds Best Q&amp;A site">
   StackOverflow - Because we really do care</a>

【讨论】：

这很漂亮。你刚刚救了我半天:))
请注意。在您的标记中，请注意 @Jamie Dixon 使用 Class HTML 而不是 ExtensionTest。

【解决方案2】：

还有另一种方法，没有一次性的技巧。工作量少，非常适合小帮手。我回答了类似的问题，不想复制所有内容，但这里有一个简短的示例：

@helper Paragraph(string cssClass, Func<object, object> markup) {
    <p class="@cssClass">@markup.DynamicInvoke(this.ViewContext)</p>
}

这个助手的用法如下：

@Paragraph("highlited", 
    @<text>
        Look, a @Html.ActionLink("link", "index")
    </text>
)

我对另一个类似问题here的完整回答。

【讨论】：

【解决方案3】：

在最简单的层面上，这样的事情就可以做到

public static MvcHtmlString SomeLink(this HtmlHelper htmlHelper, string href, string     title,  string content )
    {
        var urlHelper = ((Controller)htmlHelper.ViewContext.Controller).Url;
        //var url = urlHelper.Action(actionName, controllerName, routeValues);

        var someLink = new TagBuilder("a");
        someLink.MergeAttribute("href", href);
        someLink.InnerHtml = content;

        return new MvcHtmlString(someLink.ToString());
    }

【讨论】：