Кнопка изображения в ActionLink MVC

Как поместить изображение вместо текста в кнопку ActionLink:

@Html.ActionLink("Edit-link", "Edit", new { id=use.userID })

Итак, как изменить текст «Edit-link» на изображение?

Спасибо за любую идею.


person Daniel K Rudolf_mag    schedule 08.05.2014    source источник


Ответы (3)


сделать так:

<a href="@Url.Action("Edit")" id="@use.userID">
<img src="@Url.Content("~/images/someimage.png")" />
</a>

или передайте имя action и controller, используя другое переопределение:

<a href="@Url.Action("Edit","Controller")" id="@use.userID">
    <img src="@Url.Content("~/images/someimage.png")" />
    </a>

ОБНОВИТЬ:

Вы также можете создать специальный помощник HTML. , и может повторно использовать его в любом представлении в приложении:

namespace MyApplication.Helpers
{
  public static class CustomHtmlHelepers
  {
    public static IHtmlString ImageActionLink(this HtmlHelper htmlHelper, string linkText, string action, string controller, object routeValues, object htmlAttributes,string imageSrc)
    {
        var urlHelper = new UrlHelper(htmlHelper.ViewContext.RequestContext);
        var img = new TagBuilder("img");
        img.Attributes.Add("src", VirtualPathUtility.ToAbsolute(imageSrc));
        var anchor = new TagBuilder("a") { InnerHtml = img.ToString(TagRenderMode.SelfClosing) };
        anchor.Attributes["href"] = urlHelper.Action(action, controller, routeValues);
        anchor.MergeAttributes(new RouteValueDictionary(htmlAttributes));

        return MvcHtmlString.Create(anchor.ToString());

    }
  }
}

и используйте его в представлении:

@using MyApplication.Helpers;

@Html.ImageActionLink("LinkText","ActionName","ControllerName",null,null,"~/images/untitled.png")

Выходной HTML:

<a href="/ControllerName/ActionName">
  <img src="/images/untitled.png">
</a>
person Ehsan Sajjad    schedule 08.05.2014
comment
вы должны передать свое имя контроллера здесь - person Ehsan Sajjad; 08.05.2014

Попробуйте этот код:

@Html.Raw(@Html.ActionLink("Edit-link","Edit", new { id=use.userID }).ToHtmlString().Replace("Edit-link", "<img src=\"/Contents/img/logo.png\" ... />"))

or

введите здесь описание изображения

person Kumar Manish    schedule 08.05.2014
comment
так вы ставите...Replace(редактировать-ссылка, img-источник-здесь? - person Daniel K Rudolf_mag; 08.05.2014
comment
Сообщение об ошибке синтаксического анализатора: ‹ недействителен в начале блока кода. Допустимы только идентификаторы, ключевые слова, комментарии ( и {. - person Daniel K Rudolf_mag; 08.05.2014
comment
Я исправляю сообщение об ошибке синтаксического анализатора, но затем появляется эта ошибка: маршрут с именем «Изменить» не может быть найден в коллекции маршрутов. - person Daniel K Rudolf_mag; 08.05.2014

 <a href="@Url.Action("Edit Link","Edit",new {id = item.EId })">
    <img src="@Url.Content("~/img/iconfinder_new-24_103173.png")" style="height:20px;width:20px;color:blue" title="Edit" />
 </a>

Попробуйте этот код. Он добавит изображение, связанное с действием Edit() с набором id.

person Aruna Biradar    schedule 06.05.2020
comment
Вероятно, это должно быть new {id = user.userID } для согласованности с образцом кода OP. - person Jeremy Caney; 06.05.2020