asp.net mvc 使用Html.ActionLink显示图片链接

最新推荐文章于 2021-06-03 05:41:30 发布

weixin_34306593

最新推荐文章于 2021-06-03 05:41:30 发布

阅读量327

点赞数

CC 4.0 BY-SA版权

文章标签：测试 javascript ViewUI

本文探讨了在MVC框架下如何正确处理将图片作为链接的问题，介绍了使用Url.Action和自定义扩展方法解决该问题的方法，并对比了ActionLink与Ajax.ActionLink的区别及各自适用场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在mvc中，显示一个指向某action的链接，可以用Html.ActionLink

@Html.ActionLink("text", "index")

其中text是链接a显示的文字，如果希望链接加在一个图片上，用这样的方式就会有问题了

@Html.ActionLink("<img />", "index")

Html为：

当然，对于这种情况，我们可以用Url.Action来解决

如果是Ajax.ActionLink呢

@Ajax.ActionLink("<img />", "index", new AjaxOptions {UpdateTargetId="updiv",OnSuccess="dosomthing"})

当使用Ajax.ActionLink时，mvc自动为我们添加了一些a元素上得属性，他和jquery.unobtrusive-ajax.js一起作用，实现了很方便的ajax功能。

遗憾的是同样不同输出html代码，如果这个也要用Url.Action的话，那一堆属性都得自己手写，实在是。。。

使用扩展方法，对Ajax.ActionLink生成的结果（MvcHtmlString）做一些处理

@Ajax.ActionLink("<img />", "index", new AjaxOptions {UpdateTargetId="updiv",OnSuccess="dosomthing"}).WriteHtml()

a下面已经包含有一个img元素

扩展方法很简单

public static IHtmlString WriteHtml(this MvcHtmlString str)
{
    return new HtmlString(HttpUtility.HtmlDecode(str.ToString()));
}

输出各种html

@Ajax.ActionLink("<span style='color:red'>text</span>", "index", new AjaxOptions {UpdateTargetId="updiv",OnSuccess="dosomthing"}).WriteHtml()

对Html.ActionLink,Ajax.ActionLink都好使

转载于:https://www.cnblogs.com/czcz1024/archive/2011/12/12/2284799.html