Comment rendre des liens HTML simples dans la boucle Asp.Net MVC?

Question

Je voudrais rendre une liste de liens HTML dans ASP.NET MVC. Notez que les liens sont absolus et externe au site Web en cours de conception. Le code suivant fonctionne:

<% foreach (var item in Model) { %> 

    <tr> 
     <td> 
      <%= Html.Encode(item.Id) %> 
     </td> 
     <td> 
      <%= String.Format("<a href=\"{0}\">link</a>", item.Url) %> 
     </td> 
    </tr> 

<% } %> 

Mais je me demande si c'est vraiment la bonne approche. Est-ce que je manque un contrôle MVC évident ici?

Answer 1

ne vous manque rien, mais une bonne approche est de créer la méthode d'extension sur HtmlHelper:

public static class HtmlHelpers 
    { 

     public static string SimpleLink(this HtmlHelper html, string url, string text) 
     { 
      return String.Format("<a href=\"{0}\">{1}</a>", url, text); 
     } 

    } 

alors vous pouvez l'utiliser comme ceci:

<tr> 
     <td> 
      <%= Html.Encode(item.Id) %> 
     </td> 
     <td> 
      <%= Html.SimpleLink(item.Url,item.Text) %> 
     </td> 
    </tr> 

[modifier] J'ai oublié d'ajouter. Pour utiliser cette extension HtmlHelper toute application que vous devez ajouter ce qui suit dans le fichier de configuration Web:

<system.web> 
     <pages> 
     <namespaces> 
      <!-- leave rest as-is --> 
      <add namespace="theNamespaceWhereHtmlHelpersClassIs"/> 
     </namespaces> 
     </pages> 
    </system.web> 

Answer 2

Je pense que c'est bon. Un simple foreach fait le rôle de répéteur dans MVC.

Answer 3

Je préfère utiliser

<td><a href="<%= item.Url %>">link</a></td> 

semble un peu plus « propre » pour moi, mais je pense que votre approche tout aussi bon.

Answer 4

J'aime à le mettre en œuvre la façon dont le framework MVC fait, en utilisant la classe constructeur de balise. De cette façon, je peux passer à travers le paramètre htmlAttributes pour ajouter des choses comme la classe ou d'autres attributs:

public static MvcHtmlString HtmlLink(this HtmlHelper html, string url, string text, object htmlAttributes) 
{ 
TagBuilder tb = new TagBuilder("a"); 
tb.InnerHtml = text; 
tb.MergeAttributes(new RouteValueDictionary(htmlAttributes)); 
tb.MergeAttribute("href", url); 
return MvcHtmlString.Create(tb.ToString(TagRenderMode.Normal)); 
} 

peut sembler overkill juste pour générer un lien, mais cela signifie que vous ne devez pas perdre son temps avec des motifs de format de chaîne pour insérer des attributs HTML supplémentaires sur le lien

Answer 5

Le projet Orchard a une classe d'extensions HtmlHelper qui a une méthode de création de liens.

Voir: HtmlHelperExtensions.Link()

http://orchard.codeplex.com/SourceControl/changeset/view/dbec3d05e6d1#src%2fOrchard%2fMvc%2fHtml%2fHtmlHelperExtensions.cs

Permet à l'utilisation suivante:

<li>@Html.Link(Model.Path, Model.Title)</li> 

Mise à jour Le lien ci-dessus est plus valide, mais si vous téléchargez la source, vous trouverez HtmlHelperExtensions qui a 5 surcharges pour les liens, dont l'un ressemble à ceci:

public static IHtmlString Link(this HtmlHelper htmlHelper, string linkContents, string href, IDictionary<string, object> htmlAttributes) { 
     var tagBuilder = new TagBuilder("a") { InnerHtml = htmlHelper.Encode(linkContents) }; 
     tagBuilder.MergeAttributes(htmlAttributes); 
     tagBuilder.MergeAttribute("href", href); 
     return new HtmlString(tagBuilder.ToString(TagRenderMode.Normal)); 
    } 

Answer 6

Pour éviter le codage Html, utilisez @ Html.Raw (url).