MVC - Rethelink и Image

Question

Мне бы хотелось этот вывод:

<a href="\Catalog\Flooring">
    <img src="http://site.com/dot.jpg" width="100px" height="100px" alt="" />
    <span>Some text here</span>
</a>

Использование рутинки, похожая на:

<%= Html.RouteLink(myFPV.ProductTypeName, "CatalogType", new { controller = "Catalog", action = "Types", group = myFPV.ProductGroupName, type = myFPV.ProductTypeName })%>

Я не могу понять, как добавить <img> а также <span> (с текстом) теги внутри моего <a> ярлык.

Иметь смысл?

Answer 1

Первый параметр метода RetaLink предназначен для текста ссылки. Но, к сожалению, он закодируется автоматически, поэтому вы не можете отправлять на это <,> символы. (Ну, вы можете. Но они будут закодироваться.)

Взгляни на эта страница.

Значения маршрута кодируются автоматически. Например, строка «Привет, мир!» кодируется «Hello%20world!».

Рендеринг ссылок изображений

К сожалению, вы не можете использовать помощник HTML.ActionLink (), чтобы отобразить ссылку на изображение. Поскольку вспомогательный HTML HTML.ActionLink () автоматически кодирует текст ссылки, вы не можете передать тег этому методу и ожидать, что тег будет отображаться в качестве изображения.

Вместо этого вам нужно использовать помощник URL.Action () для создания правильной ссылки. Вот как вы можете сгенерировать ссылку удаления с изображением:

<a href="<%= Url.Action("Delete") %>">
  <img src="../../Content/Delete.png" alt="Delete" style="border:0px" />
</a>

Answer 2

Я предлагаю использовать url.routeurl.

<a href="@Url.RouteUrl("Default", new { action = "Index", controller = "Department", id = 1 })">
 <img src="http://site.com/dot.jpg" width="100px" height="100px" alt="" />  </a>

Answer 3

Есть лучший вариант, чтобы сделать это. Вы должны попробовать что -то вроде

<a href="@Url.RouteUrl("index-lang")">
  <img src="~/images/logo.png" alt="">
 </a>

где «Индекс-ланг» является названием маршрута в таблице отображения маршрута.