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

转载：http://blog.csdn.net/niewq/article/details/17537873

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})

MVC的带链接的图片标签就完成了，可以传入跳转到制定的控制器、方法、以及传入参数等。