创建一个返回Razor @标签的辅助函数？

Question

我不确定如何找到剃刀标签的答案，因此一直在努力寻找答案。

从本质上讲，我想创建一个可以按照以下方式执行操作的助手：

public static xxxxxxx ScriptTag(this HtmlHelper htmlHelper, string url)
{
      return @<script type="text/javascript" src="@Url.Content("~/" + url)" />;
}

我想这样做的原因是，我实现了在概述的扩展方法这个帖子 。

基本上不必做：

@Html.Resource(@<script src="@Url.Content("~/Scripts/jquery-1.4.4.min.js")" type="text/javascript"></script>, "js")`

我希望能够做到：

@Html.Resource(Html.ScriptTag("Scripts/jquery-1.4.4.min.js"), "js");

我是在这里超越星空还是可能？

克里斯

Answer 1

我在您的ScriptTag帮助器（ js ）中看不到第二个参数的用法。 该帮助程序称为ScriptTag，因此很明显它将渲染脚本。 另外，当您可以直接拥有以下内容时，为什么需要这样的两个嵌套帮助器：

@Html.Resource("Scripts/jquery-1.4.4.min.js", "js")

但是无论如何，如果您需要这样的语法，则可以使用Razor模板化委托 ：

public static class HtmlExtensions
{
    public static HelperResult ScriptTag(this HtmlHelper htmlHelper, string url, string type)
    {
        var urlHelper = new UrlHelper(htmlHelper.ViewContext.RequestContext);
        var script = new TagBuilder("script");
        script.Attributes["type"] = "text/javascript";
        script.Attributes["src"] = urlHelper.Content("~/" + url);
        return new HelperResult(writer =>
        {
            writer.Write(script.ToString(TagRenderMode.Normal));
        });
    }

    public static IHtmlString Resource(this HtmlHelper htmlHelper, HelperResult renderer)
    {
        return renderer;
    }
}

我们可以看到，在这种情况下， Resource扩展方法并没有带来太大的价值。

Answer 2

当函数的结果为纯HTML时，我喜欢使用Razor Helpers 。

在您的视图文件中，创建如下语句：

@helper ScriptTag(string url) {
    <script type="text/javascript" src="@Url.Content("~/" + url)"></script>
}

然后用法就像

@ScriptTag("myScript.js")

剃刀助手会在

Answer 3

您可以通过为HtmlHelper类型创建扩展方法来解决此问题。

例如：

public static MvcHtmlString ScriptTag(this HtmlHelper htmlHelper, string contentPath,
    string scriptType)
{
    var httpContext = htmlHelper.ViewContext.HttpContext;

    var scriptTag = String.Format("<script src=\"{0}\" type=\"{1}\"></script>",
        UrlHelper.GenerateContentUrl(contentPath, httpContext),
        scriptType);

    return new MvcHtmlString(scriptTag);
}

然后，您可以使用自定义的HTML帮助程序方法，如下所示：

@Html.ScriptTag("Scripts/jquery1.6.1.min.js", "javascript/text");