Изображение кнопки в actionlink панели в MVC
Как поместить изображение вместо текста в кнопку ActionLink:
@Html.ActionLink("Edit-link", "Edit", new { id=use.userID })
Итак, как изменить текст "Edit-link" на изображение?
Спасибо за любые идеи.
2 ответов
делаю так:
<a href="@Url.Action("Edit")" id="@use.userID">
<img src="@Url.Content("~/images/someimage.png")" />
</a>
или как действие и контроллер имя с помощью других переопределение:
<a href="@Url.Action("Edit","Controller")" id="@use.userID">
<img src="@Url.Content("~/images/someimage.png")" />
</a>
обновление:
вы также можете создать Пользовательский HTML Helper, и может повторно использовать его в любом представлении в приложении:
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>
попробуйте этот код :
@Html.Raw(@Html.ActionLink("Edit-link","Edit", new { id=use.userID }).ToHtmlString().Replace("Edit-link", "<img src=\"/Contents/img/logo.png\" ... />"))
или