Asp.net MVC3 自定义HtmlHelper控件
2014-05-04 12:03
381 查看
http://blog.csdn.net/pasic/article/details/7110289
在asp.net mvc 中每一个Html控件都返回了MvcHtmlString ,他继承了HtmlString。
下面自定义一个关于显示男女性别的自定义Html控件,使在创建页面时,可以直接调用该自定义的Html控件。
可以查看其他的Html控件返回的是HtmlHelper,所以自定义的时候也要返回相同的类型
直接在Controls文件夹下建立要自定义的html控件
代码如下:
[csharp] view
plaincopy
using System.Web.Mvc;
using System.Text;
namespace System.Web.Mvc.Html
//这里注意创建类的命名空间要与本身的@Html保持一致(不要改)
{
/// <summary>
/// 显示男女性别自定义控件
/// </summary>
public static class LabelGenderExtensions
{
/// <summary>
/// 获取值时:value值为1表示男,value值为2表示女
/// 默认选中男
/// </summary>
/// <param name="helper"></param>
/// <returns></returns>
public static MvcHtmlString LabelGender(this HtmlHelper helper)
{
StringBuilder str = new StringBuilder();
str.Append("<input type='radio' name='sex' value=1 checked='checked'></input>");
str.AppendFormat("<label for='{0}'>{1}</label>", "man", "男"); // 显示男性值
str.Append("<input type='radio' name='sex' value=2 ></input>");
str.AppendFormat("<label for='{0}'>{1}</label>", "female", "女"); // 显示女性值
return new MvcHtmlString(str.ToString());
}
}
}
此类要返回的value值也可以根据参数的方式传入
在页面中只需调用: @Html.LabelGender()
显示如图:
注意事项:
1、注意创建类的命名空间要与本身的@Html保持一致
2、创建的类须为静态类,命名规则一般后缀为Extensions
能对HtmlHelper控件进行扩展,为建立自己的html标签提供了很大的方便。
在asp.net mvc 中每一个Html控件都返回了MvcHtmlString ,他继承了HtmlString。
下面自定义一个关于显示男女性别的自定义Html控件,使在创建页面时,可以直接调用该自定义的Html控件。
可以查看其他的Html控件返回的是HtmlHelper,所以自定义的时候也要返回相同的类型
直接在Controls文件夹下建立要自定义的html控件
代码如下:
[csharp] view
plaincopy
using System.Web.Mvc;
using System.Text;
namespace System.Web.Mvc.Html
//这里注意创建类的命名空间要与本身的@Html保持一致(不要改)
{
/// <summary>
/// 显示男女性别自定义控件
/// </summary>
public static class LabelGenderExtensions
{
/// <summary>
/// 获取值时:value值为1表示男,value值为2表示女
/// 默认选中男
/// </summary>
/// <param name="helper"></param>
/// <returns></returns>
public static MvcHtmlString LabelGender(this HtmlHelper helper)
{
StringBuilder str = new StringBuilder();
str.Append("<input type='radio' name='sex' value=1 checked='checked'></input>");
str.AppendFormat("<label for='{0}'>{1}</label>", "man", "男"); // 显示男性值
str.Append("<input type='radio' name='sex' value=2 ></input>");
str.AppendFormat("<label for='{0}'>{1}</label>", "female", "女"); // 显示女性值
return new MvcHtmlString(str.ToString());
}
}
}
此类要返回的value值也可以根据参数的方式传入
在页面中只需调用: @Html.LabelGender()
显示如图:
注意事项:
1、注意创建类的命名空间要与本身的@Html保持一致
2、创建的类须为静态类,命名规则一般后缀为Extensions
能对HtmlHelper控件进行扩展,为建立自己的html标签提供了很大的方便。
相关文章推荐
- Asp.net MVC3 自定义HtmlHelper控件
- 在 ASP.NET MVC 中创建自定义 HtmlHelper 控件
- ASP.NET MVC 3.0(十二): MVC 3.0 使用自定义的Html控件
- ASP.NET MVC HtmlHelper 自定义扩展分页功能
- MVC3/4 自定义HtmlHelper截断文本内容(截取)
- Asp.net MVC Preview 4 中自定义Jquery的HtmlHelper扩展
- asp.net mvc 分页控件:HtmlHelper扩展
- MVC 使用自定义HtmlHelper截断文本内容
- html的自定义文件上传控件
- 新手学习自定义控件-- 输出HTML标签
- dhl: 在 ASP.NET MVC 中创建自定义 HtmlHelper 使用扩展方法创建 HTML Helper
- .NET/ASP.NETMVC 深入剖析 Model元数据、HtmlHelper、自定义模板、模板的装饰者模式(一)
- 自定义通用HTML扩展控件
- MVC 自定义 以表达式树为参数的htmlhelper
- Asp.Net MVC对类HtmlHelper的自定义扩展方法以及如何调用
- 创建自定义的HTML Helper
- Jquery自定义扩展方法(二)--HTML日历控件
- 利用JQuery编写自定义简单的Html控件
- MVC进阶学习--HtmlHelper之GridView控件拓展(三)
- MVC进阶学习--HtmlHelper控件解析(一)