plina

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::

学习MVC时候前端通常会用到HtmlHelper,使得前端编码简便很多。我们可能会经常用到htmlHelper中一些的EditorFor,LabelFor,ValiationMessageFor,发现这些方法都是在System.Web.Mvc.Html 命名空间下定义的一些各类Extensions类。通过反编译System.Web.Mvc.Html dll,

我们发现这样的extensions类有很多,而且我们还可以尝试去自定义一些extension类去满足日常编码需求。

常见的有FormExtensions:@Html.BeginForm,EditorExtensions:@Html.EditorFor,ValidationExtensions:@Html.ValidationMessageFor,PartialExtensions:@Html.Partial加载部分视图 等等

1.扩展HtmlHelper(可以用Lamda表达式的)

MVC的这些辅助方法给我们带来很多方便,看了源码后也可以自己尝试扩展下定义自己的辅助方法。

这里有个例子,在网站注册页面通常会有显示对密码的要求‘6到8个字符’,如果用Model方式定义密码我们可以为其设置[Display(Name=“密码” Decription="6到8个字符")],如何把decription显示到页面呢,我们知道@html 有DisplayNameFor的辅助方法,却没有DisplayDecriptionFor的辅助方法,我们可以仿照DisplayNameFor进行扩展。

namespace System.Web.Mvc.Html//namespace 改为这个 htmlhelper就能访问到
{
    public static class DisplayDescriptionExtension
    {
        public static MvcHtmlString DisplayDescription(this HtmlHelper Helper, string modelname)
        {
            ModelMetadata _ModelMetaData = ModelMetadata.FromStringExpression(modelname, Helper.ViewData);
            return MvcHtmlString.Create(_ModelMetaData.Description);
        }

        public static MvcHtmlString DisplayDescriptionFor<TModel, TProperty>(this HtmlHelper<TModel> htmlHelper, Expression<Func<TModel, TProperty>> expression)
        {
            ModelMetadata _ModelMetaData = ModelMetadata.FromLambdaExpression<TModel, TProperty>(expression, htmlHelper.ViewData);
            return MvcHtmlString.Create(_ModelMetaData.Description);
        }
    }
}
View Code

注意可以把命名空间改成System.Web.Mvc.Html,这样Htmlhelper就能智能感知我们若扩展的方法。

 2.使用TagBuilder类创建扩展方法 (Tag层面的)

public static string Span(this HtmlHelper helper, string id, string text, string css, object htmlAttributes)
        {
            //创意某一个Tag的TagBuilder
            var builder = new TagBuilder("span");

            //创建Id,注意要先设置IdAttributeDotReplacement属性后再执行GenerateId方法.
            builder.IdAttributeDotReplacement = "-";
            builder.GenerateId(id);
            

            //添加属性            
            builder.MergeAttributes(new RouteValueDictionary(htmlAttributes));

            //添加样式
            builder.AddCssClass(css);
            //或者用下面这句的形式也可以: builder.MergeAttribute("class", css);

            //添加内容,以下两种方式均可
            //builder.InnerHtml = text;
            builder.SetInnerText(text);

            //输出控件
            return builder.ToString(TagRenderMode.Normal);

        }
View Code

 

posted on 2017-07-12 16:23  plina  阅读(1323)  评论(0)    收藏  举报