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

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

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

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

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

0818b9ca8b590ca3270a3433284dd417.png

页面:   @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());

}

结果:

0818b9ca8b590ca3270a3433284dd417.png

先在初步的扩展已经成功,对于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;

}

结果图:

0818b9ca8b590ca3270a3433284dd417.png

注意点:

扩展方法必须静态,而且返回值必须是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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值