MVC3自定义标签,给Html.ActionLink加上支持图片链接的功能

最新推荐文章于 2021-06-04 17:17:41 发布

转载最新推荐文章于 2021-06-04 17:17:41 发布 · 740 阅读

本文介绍如何通过创建C#的扩展方法Html.ActionLinkWithImage()来实现图片链接功能。该方法可在ASP.NET MVC中使用，支持指定图片源、动作名称、控制器名称及路由参数。

Html.ActionLink只支持文字链接，现在我们利用C#的扩展方法写一个Html.ActionLinkWithImage()让其支持图片链接的功能。

一、首先新建一个静态类，将命名空间在改在System.Web.Mvc下，代码如下

using System; 
using System.Collections.Generic; 
using System.Linq; 
using System.Web; 
using System.Web.Mvc; 
namespace System.Web.Mvc 
{ 
    public static class MyHelpler 
    { 
        public static MvcHtmlString ActionLinkWithImage(this HtmlHelper html, string imgSrc, string actionName) 
        { 
            var urlHelper = new UrlHelper(html.ViewContext.RequestContext); 

            string imgUrl = urlHelper.Content(imgSrc); 
            TagBuilder imgTagBuilder = new TagBuilder("img"); 
            imgTagBuilder.MergeAttribute("src", imgUrl); 
            string img = imgTagBuilder.ToString(TagRenderMode.SelfClosing); 

            string url = urlHelper.Action(actionName); 

            TagBuilder tagBuilder = new TagBuilder("a") 
            { 
                InnerHtml = img 
            }; 
            tagBuilder.MergeAttribute("href", url); 

            return new MvcHtmlString(tagBuilder.ToString(TagRenderMode.Normal)); 
        } 
        public static MvcHtmlString ActionLinkWithImage(this HtmlHelper html, string imgSrc, string actionName,string controllerName,object routeValue=null) 
        { 
            var urlHelper = new UrlHelper(html.ViewContext.RequestContext); 

            string imgUrl = urlHelper.Content(imgSrc); 
            TagBuilder imgTagBuilder = new TagBuilder("img"); 
            imgTagBuilder.MergeAttribute("src", imgUrl); 
            string img = imgTagBuilder.ToString(TagRenderMode.SelfClosing); 

            string url = urlHelper.Action(actionName, controllerName, routeValue); 

            TagBuilder tagBuilder = new TagBuilder("a") 
            { 
                InnerHtml = img 
            }; 
            tagBuilder.MergeAttribute("href", url); 

            return new MvcHtmlString(tagBuilder.ToString(TagRenderMode.Normal)); 
        } 
    } 
}

二、在view下使用：

@Html.ActionLinkWithImage(Url.Content("~/Content/images/index_1.gif"), "Index")@Html.ActionLinkWithImage(Url.Content("~/Content/images/index_2.gif"), "List","Admin", new { id=1})