zoukankan      html  css  js  c++  java
  • Asp.net MVC3 自定义HtmlHelper控件

    在asp.net mvc 中每一个Html控件都返回了MvcHtmlString ,他继承了HtmlString。
    下面自定义一个关于显示男女性别的自定义Html控件,使在创建页面时,可以直接调用该自定义的Html控件。
    可以查看其他的Html控件返回的是HtmlHelper,所以自定义的时候也要返回相同的类型
    直接在Controls文件夹下建立要自定义的html控件
    代码如下:

    [csharp] view plaincopy
    1. using System.Web.Mvc;  
    2. using System.Text;  
    3.   
    4. namespace System.Web.Mvc.Html  
    5. {  
    6.     /// <summary>  
    7.     /// 显示男女性别自定义控件   
    8.     /// </summary>  
    9.     public static class LabelGenderExtensions  
    10.     {  
    11.         /// <summary>  
    12.         /// 获取值时:value值为1表示男,value值为2表示女  
    13.         /// 默认选中男  
    14.         /// </summary>  
    15.         /// <param name="helper"></param>  
    16.         /// <returns></returns>  
    17.         public static MvcHtmlString LabelGender(this HtmlHelper helper)  
    18.         {  
    19.             StringBuilder str = new StringBuilder();  
    20.             str.Append("<input type='radio' name='sex' value=1 checked='checked'></input>");  
    21.             str.AppendFormat("<label for='{0}'>{1}</label>""man""男"); // 显示男性值  
    22.             str.Append("<input type='radio' name='sex' value=2  ></input>");  
    23.             str.AppendFormat("<label for='{0}'>{1}</label>""female""女"); // 显示女性值  
    24.             return new MvcHtmlString(str.ToString());             
    25.         }  
    26.     }  
    27. }  

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

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

    显示如图:

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

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

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

  • 相关阅读:
    JS调用App方法及App调用JS方法
    提升用户体验之 选用合适的鼠标光标
    js仿QQ拖拽删除
    Linux下安装 mongodb
    QQ分享-定制分享卡片
    js判断浏览器语言实现网站国际化
    js复制内容到剪切板
    为什么会有堆内存和栈内存之分
    Avro实现RPC
    zookeeper学习day01
  • 原文地址:https://www.cnblogs.com/oldcell/p/3025286.html
Copyright © 2011-2022 走看看