asp.net mvc – Afficher une image et un lien vers un nouvel onglet

J’ai rencontré une problématique d’affichage d’images dans une application ASP.Net MVC: il fallait afficher dans l’application des images, stockées sur un serveur externe.

La deuxième User Story: on devait pouvoir accéder à l’image originale par un clic sur l’image affichée, clic entraînant l’ouverture d’un nouvel onglet.

Pour parvenir au résultat, il m’a fallu coder un Helper Html.

aspnet

Voici un rendu fictif basé sur un exemple. Nous souhaitons afficher un tableau contenant des livres et chaque livre possède une image qui illustre sa couverture. Cette image est cliquable. Le clic ouvre un nouvel onglet avec l’image.

HtmlImageHelper

Rendu du Helper affichant les images

Voici la ligne de code qui permet de générer le rendu dans le tableau Html:

HtmlImageHelperCallCode

Et ci-dessous, l’implémentation du Helper qui mène à ce résultat:

HtmlImageHelperCodeImpl

Vous pouvez trouver le code ici sur github.

Publicités

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s