在Custom TagHelper中使用TagHelper

时间:2016-04-25 19:34:10

标签: asp.net-core-mvc tag-helpers

我正在编写一个简单的分页TagHelper,我希望输出看起来像这样:

<ul>
    <li><a href="...">Some Text</a></li>
    <li><a href="...">Some Other Text</a></li>
    ...
</ul>

我认为在定义课程时我会生成&#34; a&#34;元素,并使用asp-controller,asp-action等属性来装饰它们,这些属性将被渲染为正确的href链接。这是我提出的代码:

protected TagBuilder CreatePageLink( int page, bool enabled, string inner )
{
    TagBuilder a = new TagBuilder( "a" );

    a.MergeAttribute( "asp-controller", AspController );
    a.MergeAttribute( "asp-action", AspAction );
    a.MergeAttribute( "asp-route-page", page.ToString() );
    a.MergeAttribute( "asp-route-itemsPerPage", ItemsPerPage.ToString() );

    a.MergeAttribute( "title", $"goto page {page}" );

    if( !enabled ) a.AddCssClass( "disabled" );
    if( (page == Page) && String.IsNullOrEmpty(inner) ) a.AddCssClass( "active" );

    if( String.IsNullOrEmpty( inner ) ) inner = page.ToString();
    a.InnerHtml.AppendHtml( inner );

    TagBuilder li = new TagBuilder( "li" );
    li.InnerHtml.Append( a );

    return li;
}

但它不起作用。 &#34; MVC魔术属性&#34;像asp-controller出现在输出中,但结果链接不起作用。我必须在代码中为嵌入式&#34; a&#34;添加一个特定的href属性。工作链接的元素。

如何在我自己的自定义TagHelper中嵌套TagHelpers,比如LinkTagHelper?

1 个答案:

答案 0 :(得分:1)

关于代码帮助的视频可能会有所帮助:https://channel9.msdn.com/Shows/Web+Camps+TV/Update-on-TagHelpers-with-Taylor-Mullen

快进到大约35分钟。

他们也把代码放在github上:https://github.com/NTaylorMullen/WebCampsTV_TagHelpers1

您会发现相关的部分是here

[OutputElementHint("ul")]
public class ControllerNavigationTagHelper : TagHelper
{
    public ControllerNavigationTagHelper(IUrlHelper urlHelper)
    {
        UrlHelper = urlHelper;
    }

    private IUrlHelper UrlHelper { get; }

    public Type ControllerType { get; set; }

    public string Exclude { get; set; }

    public override void Process(TagHelperContext context, TagHelperOutput output)
    {
        output.TagName = "ul";

        var actionNames = ControllerType.GetTypeInfo().DeclaredMethods
            .Where(methodInfo => methodInfo.IsPublic)
            .Select(methodInfo => methodInfo.Name);

        var controllerName = ControllerType.Name;

        if (controllerName.EndsWith("Controller", StringComparison.OrdinalIgnoreCase))
        {
            controllerName = controllerName.Substring(0, controllerName.Length - "Controller".Length);
        }

        foreach (var name in actionNames)
        {
            if (!string.Equals(name, Exclude, StringComparison.OrdinalIgnoreCase))
            {
                var displayName =
                    string.Equals(name, "Index", StringComparison.OrdinalIgnoreCase) ? controllerName : name;
                output.PostContent.Append($"<li><a href='{UrlHelper.Action(name, controllerName)}'>{displayName}</a></li>");
            }
        }
    }
}

基本前提是有一个IUrlHelper服务,我认为内置于mvc(asp.net core mvc),可以注入到你可以用来构建引用的标记帮助器中。 / p>

注入IUrlHelper后,您可以使用它来构建网址:

UrlHelper.Action(name, controllerName)