MVC 3 htmlhelper扩展方法来包装内容

San*_*anj 18 asp.net htmlextensions razor asp.net-mvc-3

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

@html.createLink("caption", "url")
{
    <html> content in tags </html>
}
Run Code Online (Sandbox Code Playgroud)

结果应该有

<a href="url" title="Caption">
  <html> content in tags </html>
</a>
Run Code Online (Sandbox Code Playgroud)

对此有任何帮助.

Jam*_*xon 44

这与BeginForm实现的方法是,返回类型MvcFormimpliments IDisposable使得中使用时using声明,该Dispose方法MvcForm写出来的结束</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);
    }
}
Run Code Online (Sandbox Code Playgroud)

这是我们的新型MvcAnchor:

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

    public void Dispose()
    {
        this._writer.Write("</a>");
    }
}
Run Code Online (Sandbox Code Playgroud)

在您的视图中,您现在可以:

@{
    using (Html.BeginLink())
    { 
        @Html.Raw("Hello World")
    }
}
Run Code Online (Sandbox Code Playgroud)

结果如下:

<a>Hello World</a>
Run Code Online (Sandbox Code Playgroud)

稍微扩展一下以处理您的确切要求:

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);
}
Run Code Online (Sandbox Code Playgroud)

和我们的观点:

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

产生结果:

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

  • 这很漂亮.你救了我半天:)) (2认同)

sla*_*wek 9

还有另一种方式,没有一次性技巧.这项工作较少,非常适合小帮手.我回答了类似的问题,并不想复制所有内容,但这里有一个简短的例子:

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

这个助手的用法如下:

@Paragraph("highlited", 
    @<text>
        Look, a @Html.ActionLink("link", "index")
    </text>
)
Run Code Online (Sandbox Code Playgroud)

在这里完全回答了其他类似的问题.