您的位置:首页 > Web前端 > HTML

自定义HtmlHelper控件

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

using System.Web.Mvc;

using System.Text;

namespace System.Web.Mvc.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标签提供了很大的方便。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: