在ActionLink的MVC图像按钮 [英] Image button in ActionLink MVC
本文介绍了在ActionLink的MVC图像按钮的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
如何将图像而不是ActionLink的按钮上的文字:
How to put image instead text in ActionLink button:
@Html.ActionLink("Edit-link", "Edit", new { id=use.userID })
那么如何改变文本编辑链接来形象?
So how to change text "Edit-link" to image?
感谢您的任何想法。
推荐答案
这样做:
<a href="@Url.Action("Edit")" id="@use.userID">
<img src="@Url.Content("~/images/someimage.png")" />
</a>
或同时通过的操作和控制器使用其他替代名称:
or pass both action and controller name by using other override:
<a href="@Url.Action("Edit","Controller")" id="@use.userID">
<img src="@Url.Content("~/images/someimage.png")" />
</a>
更新:
您还可以创建的自定义HTML帮助,并可以在应用程序的任何视图重用它:
UPDATE:
You can also create a custom Html Helper, and can reuse it in any View in application:
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>
这篇关于在ActionLink的MVC图像按钮的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文