加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 编程开发 > asp.Net > 正文

asp.net-mvc – ActionLink MVC中的图像按钮

发布时间:2020-12-16 00:10:25 所属栏目:asp.Net 来源:网络整理
导读:如何在ActionLink按钮中放置图像而不是文本: @Html.ActionLink("Edit-link","Edit",new { id=use.userID }) 那么如何将文本“编辑链接”更改为图像? 谢谢你的任何想法. 解决方法 这样做: a href="@Url.Action("Edit")" id="@use.userID"img src="@Url.Con
如何在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>

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读