2011-12-08 12 views
5
<div class="orderby_name"> 
@Html.ActionLink(" ", "DisplayCategory", "Categories", new { articleSortBy = "Name", articleSortType = "asc" }, null) 
</div> 

sto cercando nel rasoio se esiste ImageLink. Ora ho @ Html.ActionLink e perché non ho alcun nome di testo non posso fare clic su di esso. Voglio avere un'immagine come collegamento.mvc3 Html.ActionLink come immagine non come testo

Come posso rendere l'immagine come collegamento nel rasoio?

+0

È necessario creare aiuto personalizzato. Prova questo qui: http://stackoverflow.com/questions/5111110/mvc3-actionlink-with-images-but-without-mvcfutures –

+0

Ecco un esempio di ciò che stai cercando: http://stackoverflow.com/questions/4896439/action-image-mvc3-razor – Shawn

+0

possibile duplicato di [Html.ActionLink come pulsante o immagine, non come collegamento] (http://stackoverflow.com/questions/596444/html-actionlink-as-a- button-o-an-image-not-a-link) –

risposta

14

L'helper integrato non può farlo.

È necessario creare un tag ordinario <a href="@Url.Action(...)">.

2

Spero che questo codice è utile

@using (Html.BeginForm()) 
       { 
        <a href='@Url.Action("Index")'> 
         <img src='@Url.Content("../../Content/Images/head.jpg")' alt="Home Page"> 
        </a>  } 
1

in asp.net MVC 3 il codice che avete opere con l'unico spazio per il testo del link, basta aggiungere un nome di classe che punta a un'immagine (il nome della classe sotto i punti di un font un'immagine impressionante):

@Html.ActionLink(" ", "ActionName", "ControllerName", 
new {UniqueId = item.UniqueId}, 
new { @class = "fa fa-download", @title = "Download the document" }) 

e aggiungere alcuni CSS per evitare che l'immagine di avere una sottolineatura:

a.fa 
{ 
    text-decoration:none; 
} 
Problemi correlati