4

出力を次のようにする単純なページネーション TagHelper を作成しています。

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

クラスを定義する際に、「a」要素を生成し、それらを 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;
}

しかし、うまくいきません。asp-controller のような「MVC マジック属性」が出力に表示されますが、結果のリンクは機能しません。リンクを機能させるには、埋め込まれた "a" 要素に特定の href 属性をコードで追加する必要があります。

LinkTagHelper のような TagHelper を独自のカスタム TagHelper 内にネストするにはどうすればよいですか?

4

1 に答える 1

2

タグ ヘルパーに関するこのビデオが役立つ場合があります: https://channel9.msdn.com/Shows/Web+Camps+TV/Update-on-TagHelpers-with-Taylor-Mullen

スキップして約 35 分に進みます。

また、コードを github に掲載しました: https://github.com/NTaylorMullen/WebCampsTV_TagHelpers1

関連する部分は次のとおり です。

[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>");
            }
        }
    }
}

基本的な前提は、IUrlHelpermvc (asp.net core mvc) に組み込まれていると思われるサービスがあり、参照を作成するために使用できるタグ ヘルパーに挿入できることです。

が注入されると、IUrlHelperそれを使用して URL を作成できます。

UrlHelper.Action(name, controllerName)
于 2016-04-26T03:05:34.180 に答える