ASP.NET MVC HtmlHelper如何扩展

 更新时间:2016年05月03日 10:55:08   作者:学习也休闲  
ASP.NET MVC 中HtmlHelper方法为我们提供很多html标签,只需在页面调用就行了,但是微软并没有把所有的html标签都对应有了扩展方法,需要我们自定义HtmlHelper,来满足我们需要。

一、ASP.NET 扩展方法三要素

(1)、静态类

可以从下图看出,InputExtension首先是一个静态类;

(2)、静态方法

既然是静态类,那么其所有的方法必然都是静态方法,例如:public static MvcHtmlString CheckBox();

(3)、this关键字

可以从方法名定义中看出,第一个参数都是this HtmlHelper htmlHelper,代表对HtmlHelper类的扩展;

二、通过 MVC  HtmlHelper扩展 实例简单说明扩展步骤

实例1、扩展Submit

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
namespace TestMvcHelper
{
  public static class HtmlExtensions
  {
    public static MvcHtmlString Submit(this HtmlHelper helper, string value)
    {
      var builder = new TagBuilder("input"); //使我们创建的标签名字设为input
      builder.MergeAttribute("type", "submit"); //添加属性 type="submit"
      builder.MergeAttribute("value", value);
      return MvcHtmlString.Create(builder.ToString(TagRenderMode.SelfClosing)); 
    }
  }
}

上述实例说明

(1)、在使用TagBuilder需要引入命名空间System.Web.Mvc。
(2)、Submit方法名是对应视图中调用的名称。 (如:@Html.Submit("提交") )
(3)、this HtmlHelper

helper 将Submit方法添加到HtmlHelper中,value是传过来的提交按钮上的文字。
(4)、var builder = new TagBuilder("input");     

设置标签名字设为input。
(5)、builder.MergeAttribute("type", "submit")  

设置标签属性type="submit"。
(6)、builder.MergeAttribute("value", value);     

设置标签提交按钮Value值。
(7)、TagRenderMode.SelfClosing                    

表示用于呈现自结束标记(例如,<input />)的模式。
(8)、TagRenderMode是个枚举类,分别为

Normal(表示用于呈现正常文本的模式)

StartTag(表示用于呈现开始标记(例如,<tag>)的模式)

EndTag(表示用于呈现结束标记(例如,</tag>)的模式)

SelfClosing(表示用于呈现自结束标记(例如,<tag />)的模式)。
(9)、MvcHtmlString作为返回值是为了使返回值不被转义,比如"<"不会被转成"&lt"。

View中调用

@Html.Submit("提交")

实例2、扩展超链接

http://www.CodeHighlighter.com/--> 1 /// <summary>
/// 带描述的链接扩展方法
/// </summary>
/// <param name="htmlHelper">要扩展的HtmlHelper类</param>
/// <param name="title">标题</param>
/// <param name="url">链接地址</param>
/// <param name="description">描述</param>
/// <returns>HTML代码</returns>
public static MvcHtmlString LinkWithDescription(this HtmlHelper htmlHelper, string title, string url, string description)
{
  // 生成与标题链接有关的HTML代码
  TagBuilder titleContainer = new TagBuilder("p");  // 标题链接容器p
  TagBuilder titleLink = new TagBuilder("a");  // 标题中的文字要有链接,所以包含在a标签内
  titleLink.MergeAttribute("href", url);  // 为a添加href属性并指定链接地址
  titleLink.SetInnerText(title);  // 标题文字
  titleContainer.InnerHtml = titleLink.ToString();  // 将a放到p中
  titleContainer.AddCssClass("LinkTitle");  // 为标题添加样式

  // 生成与链接描述有关的HTML代码
  TagBuilder descriptionContainer = new TagBuilder("p");  // 连接描述容器p
  descriptionContainer.InnerHtml = description;  // 描述文字
  descriptionContainer.AddCssClass("LinkDescription");  // 为描述添加样式

  // 将上述元素放入一个DIV中
  TagBuilder div = new TagBuilder("div");
  div.InnerHtml = string.Format("{0}{1}", titleContainer.ToString(), descriptionContainer.ToString());

  // 返回生成的HTML代码
  return MvcHtmlString.Create(div.ToString());
}

视图中调用

@Html.LinkWithDescription("测试链接1""#""这是测试链接1的描述")

相关文章

  • 浅析.net简单工厂模式

    浅析.net简单工厂模式

    这篇文章主要介绍了浅析.net简单工厂模式,需要的朋友可以参考下
    2014-12-12
  • C#页码导航显示及算法实现代码

    C#页码导航显示及算法实现代码

    C#页码导航算法要求:页数小于等于1时不显示;页数大于10时,自动缩短,需要的朋友可以了解下
    2012-12-12
  • .net微信开发 如何获取AccessToken

    .net微信开发 如何获取AccessToken

    这篇文章主要为大家详细介绍了微信开发中AccessToken的获取方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-03-03
  • 你应该知道的.NET错误与异常处理机制

    你应该知道的.NET错误与异常处理机制

    这篇文章主要给大家介绍了关于.NET错误与异常处理机制的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用.NET具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-08-08
  • asp.net 获取系统中参数的实现代码

    asp.net 获取系统中参数的实现代码

    asp.net 获取系统中参数的实现代码,需要的朋友可以参考下。
    2011-12-12
  • 详解在Azure上部署Asp.NET Core Web App

    详解在Azure上部署Asp.NET Core Web App

    这篇文章主要介绍了详解在Azure上部署Asp.NET Core Web App,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-12-12
  • .NET验证组件Fluent Validation使用指南

    .NET验证组件Fluent Validation使用指南

    本文介绍了.NET验证组件Fluent Validation,并通过实例告诉我们这个验证组件的使用方法,以及与asp.net mvc验证库的整合方案,这里推荐给有相同需求的小伙伴
    2014-11-11
  • C#中的Equals、RefrenceEquals和==的区别与联系

    C#中的Equals、RefrenceEquals和==的区别与联系

    C#中判断两个对象是否相等有Equals、RefrenceEquals和==三种,其中==为运算符,其它两个为方法,而Equals又有两种版本,一个是静态的,一个是虚拟的,详细了解可以参考本文
    2012-12-12
  • AspNetCore&MassTransit Courier实现分布式事务的详细过程

    AspNetCore&MassTransit Courier实现分布式事务的详细过程

    MassTransit Courier是一种用于创建和执行带有故障补偿的分布式事务的机制,它可以用于满足本地事务的需求,也可以在分布式系统中实现分布式事务,这篇文章主要介绍了AspNetCore&MassTransit Courier实现分布式事务,需要的朋友可以参考下
    2022-10-10
  • 如何给ASP.NET Core Web发布包做减法详解

    如何给ASP.NET Core Web发布包做减法详解

    在ASP.Net中可以使用打包与压缩这两种技术来提高Web应用程序页面加载的性能。下面这篇文章主要给大家介绍了关于如何给ASP.NET Core Web发布包做减法的相关资料,需要的朋友可以参考借鉴,下面来一起看看吧
    2018-06-06

最新评论