分享

Asp.net MVC3 自定义HtmlHelper控件

 实力决定地位 2012-04-09
在asp.net mvc 中每一个Html控件都返回了MvcHtmlString ,他继承了HtmlString。
下面自定义一个关于显示男女性别的自定义Html控件,使在创建页面时,可以直接调用该自定义的Html控件。
可以查看其他的Html控件返回的是HtmlHelper,所以自定义的时候也要返回相同的类型
直接在Controls文件夹下建立要自定义的html控件
代码如下:
[using System.Web.Mvc;  
  1. using System.Text;  
  2.   
  3. namespace System.Web.Mvc.Html  
  4. {  
  5.     /// <summary>   
  6.     /// 显示男女性别自定义控件    
  7.     /// </summary>   
  8.     public static class LabelGenderExtensions  
  9.     {  
  10.         /// <summary>   
  11.         /// 获取值时:value值为1表示男,value值为2表示女   
  12.         /// 默认选中男   
  13.         /// </summary>   
  14.         /// <param name="helper"></param>   
  15.         /// <returns></returns>   
  16.         public static MvcHtmlString LabelGender(this HtmlHelper helper)  
  17.         {  
  18.             StringBuilder str = new StringBuilder();  
  19.             str.Append("<input type='radio' name='sex' value=1 checked='checked'></input>");  
  20.             str.AppendFormat("<label for='{0}'>{1}</label>""man""男"); // 显示男性值   
  21.             str.Append("<input type='radio' name='sex' value=2  ></input>");  
  22.             str.AppendFormat("<label for='{0}'>{1}</label>""female""女"); // 显示女性值   
  23.             return new MvcHtmlString(str.ToString());             
  24.         }  
  25.     }  
  26. }  

此类要返回的value值也可以根据参数的方式传入

在页面中只需调用: @Html.LabelGender()  

显示如图:

注意事项:
1、注意创建类的命名空间要与本身的@Html保持一致

2、创建的类须为静态类,命名规则一般后缀为Extensions

能对HtmlHelper控件进行扩展,为建立自己的html标签提供了很大的方便。

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约