web前端从无到有html标签,.NET MVC 扩展 HtmlHelper 从无到有（一）

对于MVC的html扩展一直都有想法，今天来小小尝试一下。

首先对扩展一无所知的我科普了一下MVC扩展：

OK，现在对System.Web.Mvc.Html进行反编译。

现在看到源码了，那么一切都不是问题了。

页面：   @Html.RadioFor(a=>a.BId)

扩展：

public static MvcHtmlString RadioFor(this HtmlHelper htmlHelper, Expression> expression)

{

string format = null;

ModelMetadata modelMetadata = ModelMetadata.FromLambdaExpression(expression, htmlHelper.ViewData);

//return htmlHelper.TextBoxFor(expression, format);

//return InputExtensions.HiddenHelper(htmlHelper, modelMetadata, modelMetadata.Model, false, ExpressionHelper.GetExpressionText(expression), htmlAttributes);

StringBuilder sb = new StringBuilder();

sb.Append("传进来的参数值:" + modelMetadata.GetDisplayName() + "=" + modelMetadata.Model + "");

sb.Append("传进来的参数值:" + modelMetadata.PropertyName+ "=" + modelMetadata.Model + "");

return MvcHtmlString.Create(sb.ToString());

}

结果：

先在初步的扩展已经成功，对于ModelMetadata元数据想做更深了解的请百度科普- -

现在我们拿到了传进来的参数名和参数值，有了这两个值，那么我的radio扩展就相当与有了目标选中项。

传说有个TagBuilder的东西创建html helpers很方便，由于暂时不是很了解， 所以我们先用字符串去拼接一个html.

最终页面调用：

@Model.Zxr

@Html.RadioFor(a=>a.Zxr,(ViewBag.rad)as IEnumerable)

扩展：

public static MvcHtmlString RadioFor(this HtmlHelper htmlHelper, Expression> expression, IEnumerable selectList)

{

string format = null;

var modelMetadata = ModelMetadata.FromLambdaExpression(expression, htmlHelper.ViewData);

return MvcHtmlString.Create(GetRadioHtmlBuilder(htmlHelper, modelMetadata, selectList, string.Empty, string.Empty, "Radio").ToString());

}

///

/// 拼接成的Radion或者CheckBox的Html字符串

///

/// html控件

/// model元

/// 要分析的list

/// 默认值

/// 默认文本

/// input类型

///

private static StringBuilder GetRadioHtmlBuilder(HtmlHelper htmlHelper, ModelMetadata metadata, IEnumerable selectList, string optionVal, string optionText, string optionType)

{

string format = string.Format("{{3}} ", optionType);

var sb = new StringBuilder();

var optionId = 0;

if (optionVal.Length > 0)

{

sb.Append(string.Format(format, new object[]

{

metadata.PropertyName + optionId,

metadata.PropertyName,

optionVal,

optionText,

metadata.Model.ToString()==optionVal?"checked=\"checked\"":string.Empty

}));

optionId++;

}

var selectListItems = selectList as SelectListItem[] ?? selectList.ToArray();

if (selectListItems.Any())

{

foreach (var item in selectListItems)

{

sb.Append(string.Format(format, new object[]

{

metadata.PropertyName + optionId,

metadata.PropertyName,

item.Value,

item.Text,

metadata.Model.ToString()==item.Value?"checked=\"checked\"":string.Empty

}));

optionId++;

}

}

return sb;

}

结果图：

注意点：

扩展方法必须静态，而且返回值必须是MvcHtmlString.  假如返回string的话，在页面需要@Html.Raw(XX)才可以。

加入后台传入Viewbag的是selectlist(System.Web.Mvc中自带的),那么前台使用方法有：(ViewBag.rad)as IEnumerable  和(ViewBag.rad)as List

转载请标明出处：http://blog.csdn.net/feng005211/article/details/25420255