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

复制代码
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})
复制代码

你可能感兴趣的:(action)