Actionlink avec texte & icône?

J'ai ce lien dans le HTML propre. Je veux faire un MVC ActionLink. Mais comment est-ce possible. Je ne peux pas understund, semble il n'est pas facile. OU?

<li class="active"><a href="#"><i class="icon-home icon-large"></i> Dashboard</a></li>

Des idées?

OriginalL'auteur user1570634 | 2012-08-02

  1. 12

    Vous avez plusieurs options pour le faire.

    Option 1:

    <li class="active"><a href="@Url.Action("YourAction", "YourController")"><i class="icon-home icon-large"></i> Dashboard</a></li>

    Option 2:

    Écrire votre propre méthode d'extension pour HtmlHelper, qui prend une Chaîne de caractères/MvcHtmlString et le mettre dans la balise de lien, sans codage html.

    public static MvcHtmlString SpecialActionLink(this HtmlHelper html, String action, String controller, String innerHtml) {
    TagBuilder tag = new TagBuilder("a");
    tag.MergeAttribute("href", new UrlHelper(html.ViewContext.RequestContext).Action(action, controller));
    tag.InnerHtml = innerHtml;
    return new MvcHtmlString(tag.ToString(TagRenderMode.Normal));
}

    (Ne l'ai pas testé, mais devrait vous donner une idée sur comment le faire.)

    Merci beaucoup les gars!
    Ne marquer une réponse comme "accepté" si il résolu votre problème. 🙂

    OriginalL'auteur Steen Tøttrup

  2. 6
    <li class="active">


    @Html.ActionLink("Dashboard", //Title
                    "Index",      //Action
                    "Home",       //Controller
                    new { @class = "home-icon"}  //htmlAttributes 
                    )

</li>


.home-icon{   /*Some CSS to set the background image (not tested) */
   padding:16px;
   background:transparent url('path-to-image.png') .... ;
}
    J'aime cette réponse. J'ai utilisé ce pour MVC 5 et Bootstrap 3: <li>@Html.ActionLink(" Logout", "Login", "Account", null, new {@class = "glyphicon glyphicon-log-out"})</li>

    OriginalL'auteur Robin Maben

  3. 1

    Vous ne Pouvez pas utiliser ActionLink. seul moyen est @url.action

    <a href="@Url.Action("View","Article",new {area="",id=id})"><span>This is a test</span></a>
    Si vous souhaitez insérer une Image ou un élément html dans votre lien hypertexte,c'est plus facile.

    OriginalL'auteur Ali.azimi