首页 > Web开发 > 详细

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

时间:2015-03-03 13:24:01      阅读:386      评论:0      收藏:0      [点我收藏+]

转载: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的带链接的图片标签就完成了,可以传入跳转到制定的控制器、方法、以及传入参数等。

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

原文:http://www.cnblogs.com/yuanye0918/p/4310521.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!