HTML in Html.ActionLink () einfügen, plus kein Linktext?

Habe ich zwei Fragen:

  1. Ich Frage mich, wie kann ich die Anzeige nicht den link-text bei der Verwendung Html.ActionLink() in einer MVC-Ansicht (tatsächlich, das ist Site.Master).

Es gibt keine überladene version, die nicht erlauben, link-text, und wenn ich versuche Sie übergeben einfach einen leeren string, der compiler sagt mir, es muss eine nicht leere Zeichenfolge.

Wie kann ich dieses Problem beheben?

  1. Ich <span> - tags innerhalb des Anker-Tags, aber es funktioniert nicht mit Html.ActionLink();. Ich möchte die folgende Ausgabe angezeigt werden:

    Span text

Wie kann ich tags innerhalb des Anker-Tags in ASP.NET MVC?

Kommentar zu dem Problem
Was wäre der Zweck/Nutzung der mit einem leeren action-link? Kommentarautor: David
Ich verwende ein image-sprite für eine Navigationsleiste, und das <li>, die Sie sehen, ist insbesondere die navigation-Taste (mit Größe, hintergrund, pos, etc angegeben in der css-stylesheet). Aber Sie müssen einen link zu etwas, so dass ich nicht wollen, um den text anzuzeigen. Ich will das sprite, die das für mich tun. Kommentarautor: Matt Powell

InformationsquelleAutor der Frage Matt Powell | 2009-12-29

  1. 290

    Statt mit Html.ActionLink können Sie das Rendern einer url über die Url.Aktion

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

    Und eine leere url, die Sie haben könnten

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

    InformationsquelleAutor der Antwort David

  2. 17

    Einer benutzerdefinierten HtmlHelper-Erweiterung ist eine weitere option. Hinweis: ParameterDictionary ist meine eigene Art. Sie ersetzen könnte, eine RouteValueDictionary aber man müsste, um es zu konstruieren sich anders.

    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();
}

    InformationsquelleAutor der Antwort tvanfosson

  3. 12

    Verwenden Sie einfach Url.Action statt Html.ActionLink:

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

    InformationsquelleAutor der Antwort Craig Stuntz

  4. 12

    Hier ist (low und dirty) workaround, wenn Sie benötigen, um ajax verwenden, oder eine Funktion, die Sie nicht verwenden, wenn Sie den link manuell (mit tag):

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

    Sie können einen beliebigen text anstelle von 'LinkTextToken', es ist dort nur ersetzt werden, es ist nur wichtig, dass es nicht auftreten, anderswo innerhalb actionlink.

    InformationsquelleAutor der Antwort Goran Obradovic

  5. 5

    Dieser hat immer gut für mich gearbeitet. Es ist nicht chaotisch und sehr sauber.

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

    InformationsquelleAutor der Antwort dbarth

  6. 1

    Ich dachte, das könnte nützlich sein bei der Verwendung von bootstrap und einige glypicons:

    <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>

    Diese zeigt Ein a-tag mit einem link zu einem controller, mit einem schönen Büroklammer-Symbol auf es zu vertreten, einen download-link und der html-Ausgabe sauber gehalten wird

    InformationsquelleAutor der Antwort Terry Kernan

  7. 1

    Hier ist ein uber-expansion von @tvanfosson Antwort. Ich wurde inspiriert, indem Sie es und entscheiden, es zu machen, mehr Generika.

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

    InformationsquelleAutor der Antwort ArtilectInc

  8. 1

    Landete ich mit einem custom-Erweiterung-Methode. Es ist erwähnenswert, wenn Sie versuchen, HTML-in den Anchor-Objekt, das text-link kann entweder auf der linken oder auf der rechten Seite der innere HTML. Aus diesem Grund entschied ich mich, um Parameter für den linken und rechten inneren HTML - der link-text ist in der Mitte. Beide linken und rechten inneren HTML sind optional.

    Erweiterung Methode 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;
    }

    Beispiel der Nutzung:

    Hier ist ein Beispiel der Nutzung. Für dieses Beispiel wollte ich nur das innere html auf der rechten Seite der link-text...

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

    Ergebnisse:

    diese Ergebnisse in der folgenden HTML -...

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

    InformationsquelleAutor der Antwort barrypicker

  9. 0

    Es ist sehr einfach.

    Wenn du sowas haben willst wie ein glyphicon-Symbol und dann auf "Wunschliste",

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

    InformationsquelleAutor der Antwort DanKodi

  10. 0

    Meine Lösung mit bootstrap-Komponenten:

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

    InformationsquelleAutor der Antwort Carlos Toledo

  11. 0

    Versuchen Sie bitte folgenden Code, die Ihnen helfen können.

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

    InformationsquelleAutor der Antwort user3778502

Schreibe einen Kommentar