如何在ActionLink按钮中放置图像而不是文本:
@Html.ActionLink("Edit-link","Edit",new { id=use.userID })
那么如何将文本“编辑链接”更改为图像?
谢谢你的任何想法.
解决方法
这样做:
<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>
更新:
您还可以创建custom Html Helper,并可以在应用程序的任何View中重复使用它:
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,"~/images/untitled.png")
输出HTML:
<a href="/ControllerName/ActionName"> <img src="/images/untitled.png"> </a>