HTML'yi Html.ActionLink () içine koyuyor, ayrıca Bağlantı Metni Yok mu?

İki sorum var:

1. Nasıl Html.ActionLink()MVC görünümünde kullanırken aslında hiçbir bağlantı metni görüntüleyebilir merak ediyorum (aslında, bu Site.Master).

Bağlantı metnine izin vermeyen aşırı yüklenmiş bir sürüm yok ve sadece bir boşluk geçirmeyi denediğimde string, derleyici boş olmayan bir dizeye ihtiyacı olduğunu söylüyor.

Bunu nasıl düzeltebilirim?

2. <span>Etiketleri çapa etiketine koymam gerekiyor , ancak çalışmıyor Html.ActionLink();. Aşağıdaki çıktıyı görmek istiyorum:

   Metin yayma

ASP.NET MVC'de bağlantı etiketinin içine nasıl etiket koyabilirim?

Html.ActionLink kullanmak yerine Url.Action aracılığıyla bir url oluşturabilirsiniz

<a href="<%= Url.Action("Index", "Home") %>"><span>Text</span></a>
<a href="@Url.Action("Index", "Home")"><span>Text</span></a>

Ve boş bir URL yapmak için

<a href="<%= Url.Action("Index", "Home") %>"></a>
<a href="@Url.Action("Index", "Home")"></a>

Özel bir HtmlHelper uzantısı başka bir seçenektir. Not : ParameterDictionary kendi türüm. Bir RouteValueDictionary yerine geçebilir, ancak farklı bir şekilde yapılandırmanız gerekir.

public static string ActionLinkSpan( this HtmlHelper helper, string linkText, string actionName, string controllerName, object htmlAttributes )
{
    TagBuilder spanBuilder = new TagBuilder( "span" );
    spanBuilder.InnerHtml = linkText;

    return BuildNestedAnchor( spanBuilder.ToString(), string.Format( "/{0}/{1}", controllerName, actionName ), htmlAttributes );
}

private static string BuildNestedAnchor( string innerHtml, string url, object htmlAttributes )
{
    TagBuilder anchorBuilder = new TagBuilder( "a" );
    anchorBuilder.Attributes.Add( "href", url );
    anchorBuilder.MergeAttributes( new ParameterDictionary( htmlAttributes ) );
    anchorBuilder.InnerHtml = innerHtml;

    return anchorBuilder.ToString();
}

Ajax veya bağlantıyı manuel olarak yaparken (etiketi kullanarak) kullanamayacağınız bazı özellikleri kullanmanız gerektiğinde (düşük ve kirli) geçici çözüm aşağıdadır:

<%= Html.ActionLink("LinkTextToken", "ActionName", "ControllerName").ToHtmlString().Replace("LinkTextToken", "Refresh <span class='large sprite refresh'></span>")%>

'LinkTextToken' yerine herhangi bir metin kullanabilirsiniz, sadece değiştirilmesi gereken, sadece actionlink içinde başka bir yerde olmaması önemlidir.

Sadece kullanmak Url.Actionyerine Html.ActionLink:

<li id="home_nav"><a href="<%= Url.Action("ActionName") %>"><span>Span text</span></a></li>

Bu benim için her zaman iyi sonuç verdi. Dağınık ve çok temiz değil.

<a href="@Url.Action("Index", "Home")"><span>Text</span></a>

Sonunda özel bir uzantı yöntemi buldum. HTML'yi bir Çapa nesnesinin içine yerleştirmeye çalışırken, bağlantı metni iç HTML'nin solunda veya sağında olabilir. Bu nedenle, sol ve sağ iç HTML için parametreler sağlamayı seçtim - bağlantı metni ortada. Hem sol hem de sağ iç HTML isteğe bağlıdır.

Uzantı Yöntemi ActionLinkInnerHtml:

    public static MvcHtmlString ActionLinkInnerHtml(this HtmlHelper helper, string linkText, string actionName, string controllerName, RouteValueDictionary routeValues = null, IDictionary<string, object> htmlAttributes = null, string leftInnerHtml = null, string rightInnerHtml = null)
    {
        // CONSTRUCT THE URL
        var urlHelper = new UrlHelper(helper.ViewContext.RequestContext);
        var url = urlHelper.Action(actionName: actionName, controllerName: controllerName, routeValues: routeValues);

        // CREATE AN ANCHOR TAG BUILDER
        var builder = new TagBuilder("a");
        builder.InnerHtml = string.Format("{0}{1}{2}", leftInnerHtml, linkText, rightInnerHtml);
        builder.MergeAttribute(key: "href", value: url);

        // ADD HTML ATTRIBUTES
        builder.MergeAttributes(htmlAttributes, replaceExisting: true);

        // BUILD THE STRING AND RETURN IT
        var mvcHtmlString = MvcHtmlString.Create(builder.ToString());
        return mvcHtmlString;
    }

Kullanım Örneği:

İşte bir kullanım örneği. Bu örnek için sadece bağlantı metninin sağ tarafındaki iç html'yi istedim ...

@Html.ActionLinkInnerHtml(
    linkText: "Hello World"
        , actionName: "SomethingOtherThanIndex"
        , controllerName: "SomethingOtherThanHome"
        , rightInnerHtml: "<span class=\"caret\" />"
        )

Sonuçlar:

bu şu HTML ile sonuçlanır ...

<a href="/SomethingOtherThanHome/SomethingOtherThanIndex">Hello World<span class="caret" /></a>

Bunun bootstrap ve bazı glifonları kullanırken yararlı olabileceğini düşündüm:

<a class="btn btn-primary" 
    href="<%: Url.Action("Download File", "Download", 
    new { id = msg.Id, distributorId = msg.DistributorId }) %>">
    Download
    <span class="glyphicon glyphicon-paperclip"></span>
</a>

Bu, bir indirme bağlantısını temsil etmek için üzerinde güzel bir ataç simgesi bulunan bir denetleyiciye bağlantısı olan bir A etiketi gösterir ve html çıktısı temiz tutulur

İşte @ tvanfosson'un cevabının uber genişlemesi. Ondan ilham aldım ve daha genel hale getirmeye karar verdim.

    public static MvcHtmlString NestedActionLink(this HtmlHelper htmlHelper, string linkText, string actionName,
        string controllerName, object routeValues = null, object htmlAttributes = null,
        RouteValueDictionary childElements = null)
    {
        var htmlAttributesDictionary = HtmlHelper.AnonymousObjectToHtmlAttributes(htmlAttributes);

        if (childElements != null)
        {
            var urlHelper = new UrlHelper(htmlHelper.ViewContext.RequestContext);

            var anchorTag = new TagBuilder("a");
            anchorTag.MergeAttribute("href",
                routeValues == null
                    ? urlHelper.Action(actionName, controllerName)
                    : urlHelper.Action(actionName, controllerName, routeValues));
            anchorTag.MergeAttributes(htmlAttributesDictionary);
            TagBuilder childTag = null;

            if (childElements != null)
            {
                foreach (var childElement in childElements)
                {
                    childTag = new TagBuilder(childElement.Key.Split('|')[0]);
                    object elementAttributes;
                    childElements.TryGetValue(childElement.Key, out elementAttributes);

                    var attributes = HtmlHelper.AnonymousObjectToHtmlAttributes(elementAttributes);

                    foreach (var attribute in attributes)
                    {
                        switch (attribute.Key)
                        {
                            case "@class":
                                childTag.AddCssClass(attribute.Value.ToString());
                                break;
                            case "InnerText":
                                childTag.SetInnerText(attribute.Value.ToString());
                                break;
                            default:
                                childTag.MergeAttribute(attribute.Key, attribute.Value.ToString());
                                break;
                        }
                    }
                    childTag.ToString(TagRenderMode.SelfClosing);
                    if (childTag != null) anchorTag.InnerHtml += childTag.ToString();
                }                    
            }
            return MvcHtmlString.Create(anchorTag.ToString(TagRenderMode.Normal));
        }
        else
        {
            return htmlHelper.ActionLink(linkText, actionName, controllerName, routeValues, htmlAttributesDictionary);
        }
    }

Çok basit.

Glifikon simgesi ve ardından "İstek Listesi" gibi bir şeye sahip olmak istiyorsanız,

<span class="glyphicon-heart"></span> @Html.ActionLink("Wish List (0)", "Index", "Home")

Bootstrap bileşenleri kullanarak çözümüm:

<a class="btn btn-primary" href="@Url.Action("resetpassword", "Account")">
    <span class="glyphicon glyphicon-user"></span> Reset Password
</a>

Lütfen size yardımcı olabilecek Kodu aşağıda deneyin.

 @Html.ActionLink(" SignIn", "Login", "Account", routeValues: null, htmlAttributes: new {  id = "loginLink" ,**@class="glyphicon glyphicon-log-in"** })