asp.net mvc: Comment imprimer les images?

Question

Comment dans ASP.NET MVC devrais-je construire une carte d'image? Pour ref:

<map id='headerMap'> 
    <area shape='rect' href="Default.aspx" coords='300,18,673,109' /> 
</map> 

Une réponse d'une réponse d'une question sans rapport par markus est quelque chose de similaire:

<a href="<%= Url.RouteUrl("MyRoute", new { param1 = "bla", param2 = 5 }) %>"> 
    put in <span>whatever</span> you want, also <img src="a.gif" alt="images" />. 
</a> 

Désolé si cela est redondant. Ma recherche a indiqué que ceci peut être une réponse de la version 2 mvc. Vous cherchez quelque chose de similaire à Html.ActionLink si elle existe. Évidemment, je pourrais référencer l'itinéraire par son nom et envoyer les paramètres en utilisant Url.RouteUrl, mais est-ce la manière de faire pour le gérer?

Merci

Answer 1

Vous devez créer le code HTML vous-même ... un coup d'oeil au HTML est rendu en asp.net classique en utilisant:

<map id='headerMap'> 
    <area shape='rect' href="Default.aspx" coords='300,18,673,109' /> 
</map> 

mimer Alors que dans votre propre Asp.net mvc view remplace l'un des hrefs de la carte avec vos appels Url.RouteUrl.

E.g.

<map id="mymap" name="mymap"> 
    <area href="<%= Url.RouteUrl("MyRoute", new { param1 = "foo", param2 = 5 }) %>" alt="HTML and CSS Reference" shape="rect" coords="5,5,95,195"> 
    <area href="<%= Url.RouteUrl("MyRoute", new { param1 = "bar", param2 = 3 }) %>" alt="Design Guide" shape="rect" coords="105,5,195,195"> 
</map> 
<image src="sitemap.gif" alt="Site map" "usemap"="#mymap" width="300" height="200"> 

Jetez un oeil à l'autre Url.RouteUrl() et/ou des surcharges de méthodes UrlHelper pour voir celui qui convient à votre situation le meilleur. Une fois que vous avez résolu ce problème, ma recommandation serait d'encapsuler la création de vos liens de zone dans une extension HtmlHelper.

Answer 2

Une autre option consiste à construire votre image avec C#. Le lien suivant fournit des méthodes d'assistance qui crée une carte d'image du code dans votre vue/contrôleur:

http://www.avantprime.com/articles/view-article/9/asp.net-mvc-image-map-helper

Edit: Essayez http://web.archive.org/web/20110728032820/http://www.avantprime.com/articles/view-article/9/asp.net-mvc-image-map-helper une version archivée du lien d'origine.

Answer 3

j'ai pu remplacer ce qui suit et cela a fonctionné très bien:

exemple html:

<map id='headerMap'> 
    <area shape='rect' href="Default.aspx" coords='300,18,673,109' /> 
</map> 

mvc4 exemple

<map id='headerMap'> 
    <area shape="rect" href=@Url.Action("Default", "Home") coords="300,18,673,109"> 
</map>