开发者社区> 文艺小青年> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

跟我一起学习ASP.NET 4.5 MVC4.0(五)

简介:
+关注继续查看

前面几篇文章介绍了一下ASP.NET MVC中的一些基础,今天我们一起来学习一下在ASP.NET MVC中控件的封装。在页面中我们会经常使用到Html对象,来程序控件,当然这里的控件不是说ASP.NET中包含很多ViewState或其他信息的控件。在ASP.NET MVC中控件就是扩展方法,主要对HtmlHelper实例的扩展,不过这里主要会提到CheckBoxList和RadioButtonList的扩展,因为在微软自带的控件中是没有这两个控件存在的,所以我们需要自己扩展。最后还会介绍一下,Html.CheckBoxFor这个控件在使用时会有两个值,在服务端进行判断的结果。

 

ASP.NET MVC(包含MVC3.0,MVC4.0)中的控件都在System.Web.Mvc中,这里需要了解一下HtmlMvcString和普通的string的区别。在我看来HtmlMvcString就是对string进行编码,使得浏览器能够正确解析HTML字符串。这样在前台显示时就不需要使用Html.Raw方法对字符串进行编码,否则显示的字符串将不会解析成HTML代码。这个只需了解就可以了,有兴趣可以试试就知道所以然了,所以MVC控件都需要返回这个对象。

 

在ASP.NET MVC中,lumbda表达式是很经常用的,而且非常好用。在页面中声明了一个模型,那样就可以使用lumbda表达式进行实例的赋值和判断,当然在对控件扩展时就会预见到表达式的使用,这些都是.NET3.5的特性,这里就不多赘述。 

复制代码
 1         /// <summary>
 2         /// 复选框扩展。
 3         /// </summary>
 4         /// <typeparam name="TModel">模型类型。</typeparam>
 5         /// <typeparam name="TProperty">属性类型。</typeparam>
 6         /// <param name="helper">HTML辅助方法。</param>
 7         /// <param name="expression">lambda表达式。</param>
 8         /// <param name="selectList">选择项。</param>
 9         /// <param name="htmlAttributes">HTML属性。</param>
10         /// <returns>返回复选框MVC的字符串。</returns>
11         public static MvcHtmlString CheckBoxListFor<TModel, TProperty>(this HtmlHelper<TModel> helper, Expression<Func<TModel, TProperty>> expression, IEnumerable<SelectListItem> selectList, ButtonFormatter formatter = ButtonFormatter.Horizontal, IDictionary<stringobject> htmlAttributes = null)
12         {
13             if(selectList == null || expression == null)
14                 return MvcHtmlString.Empty;
15             string name = ExpressionHelper.GetExpressionText(expression);
16             List<string> values = null;
17             object obj = helper.ViewData.Eval(name);
18             if(obj != null)
19                 values = obj.ToString().Split<string>();
20             else
21                 values = new List<string>();
22 
23             StringBuilder sb = new StringBuilder();
24             int index = 0;
25             foreach(var item in selectList)
26             {
27                 TagBuilder tag = new TagBuilder("input");
28                 tag.MergeAttributes<stringobject>(htmlAttributes);
29                 tag.MergeAttribute("type""checkbox"true);
30                 tag.MergeAttribute("name", name, true);
31                 tag.MergeAttribute("id", name + index, true);
32                 tag.MergeAttribute("value", item.Value, true);
33                 if(values.Contains(item.Value))
34                     tag.MergeAttribute("checked""checked"true);
35                 sb.AppendLine(tag.ToString(TagRenderMode.SelfClosing) + " ");
36                 TagBuilder label = new TagBuilder("label");
37                 label.MergeAttribute("for", name + index);
38                 label.InnerHtml = item.Text;
39                 sb.AppendLine(label.ToString());
40                 if(formatter == ButtonFormatter.Vertical)
41                     sb.AppendLine("<br />");
42                 index++;
43             }
44             return new MvcHtmlString(sb.ToString());
45         }
46 
47         /// <summary>
48         /// 复选框扩展。
49         /// </summary>
50         /// <typeparam name="TModel">模型类型。</typeparam>
51         /// <typeparam name="TProperty">属性类型。</typeparam>
52         /// <param name="helper">HTML辅助方法。</param>
53         /// <param name="expression">lambda表达式。</param>
54         /// <param name="selectList">选择项。</param>
55         /// <param name="htmlAttributes">HTML属性。</param>
56         /// <returns>返回复选框MVC的字符串。</returns>
57         public static MvcHtmlString CheckBoxListFor<TModel, TProperty>(this HtmlHelper<TModel> helper, Expression<Func<TModel, TProperty>> expression, IEnumerable<SelectListItem> selectList, ButtonFormatter formatter, object htmlAttributes)
58         {
59             return helper.CheckBoxListFor<TModel, TProperty>(expression, selectList, formatter, new RouteValueDictionary(htmlAttributes));
60         }
61 
62         /// <summary>
63         /// 枚举复选框扩展。
64         /// </summary>
65         /// <typeparam name="TModel">模型类型。</typeparam>
66         /// <typeparam name="TProperty">属性类型。</typeparam>
67         /// <param name="helper">HTML辅助方法。</param>
68         /// <param name="expression">lambda表达式。</param>
69         /// <param name="selectList">选择项。</param>
70         /// <param name="htmlAttributes">HTML属性。</param>
71         /// <returns>返回复选框MVC的字符串。</returns>
72         public static MvcHtmlString CheckBoxListFor<TModel, TProperty>(this HtmlHelper<TModel> helper, Expression<Func<TModel, TProperty>> expression, ButtonFormatter formatter = ButtonFormatter.Horizontal, object htmlAttributes = nullstring classKey = Globals.Resource)
73         {
74             var selectList = new List<SelectListItem>();
75             Globals.ForEach<TProperty>(p => {
76                 selectList.Add(new SelectListItem { Text = Globals.GetGlobalResourceByKey(p, classKey), Value = p.ToString() });
77             });
78             return helper.CheckBoxListFor<TModel, TProperty>(expression, selectList, formatter, HtmlHelper.AnonymousObjectToHtmlAttributes(htmlAttributes));
复制代码

79         } 

上面的代码各位有需要可以直接复制编译后就可以使用了,其他涉及的资源的可以修改一下。而ButtonFormatter是一个枚举类,主要用于设计横排还是竖排的样式,其他没什么作用。这样我们就可以很快的再前台使用CheckBoxList控件了,注意不是所有的页面都有模型,或者说不是所有CheckBoxList都可以使用lumbda表达式来进行赋值等设置的,所以最好扩展一下CheckBoxList控件,那样在各种情况都可以使用。

 

以上是我早期扩展的一个控件,其实很多地方都可以改的,比如属性转换,匿名类型可以直接实例化为RouteValueDictionary的,他的构造函数里就有这个。其中Globals.ForEach是我对枚举迭代的一个扩展,即是循环枚举中的每一个值显示出来。而RadioButtonList的扩展和CheckBoxList的扩展是差不多的,只要标记替换一下就可以了,不过在大部分情况下比较少用,因为很多地方都被DropDownList替代。

 

 下面介绍一下在使用CheckBox时,服务端获取是否选中的方法。假如你使用过这个控件就会发现,呈现的HTML代码中包含两个checkbox的input,只是其中一个被隐藏了,当我们使用submit按钮提交时,在服务端获得的值就会包含两个input的值。为了解决这个问题,我们需要判断一下到底有没有被选中,不难发现,如果没有被选中,这服务端获取得到的值就只有一个False的值,如果选中了就会有两个,一个True一个False,所以我们需要判断到底服务端获得的第一个值是False还是True,具体代码可以看下面。

  1 /// <summary>

复制代码
 2         /// 判断是否被选中。
 3         /// </summary>
 4         /// <param name="form">路由实例对象。</param>
 5         /// <param name="key">路由键。</param>
 6         /// <param name="defaultValue">返回默认值。</param>
 7         /// <returns>返回是否被选中。</returns>
 8         public static bool IsChecked(this FormCollection form, string key, bool defaultValue = false)
 9         {
10             var values = form.GetValues(key);
11             if(values!=null)
12                 return values[0].To<bool>(defaultValue);
13             return defaultValue;
14         }
15 
16         /// <summary>
17         /// 判断是否被选中。
18         /// </summary>
19         /// <param name="request">路由实例对象。</param>
20         /// <param name="key">路由键。</param>
21         /// <param name="defaultValue">返回默认值。</param>
22         /// <returns>返回是否被选中。</returns>
23         public static bool IsChecked(this HttpRequestBase request, string key, bool defaultValue = false)
24         {
25             var values = request.Form.GetValues(key);
26             if(values != null)
27                 return values[0].To<bool>(defaultValue);
28             return defaultValue;
29         }
复制代码

 其中To这个方法是我封装类型转换的方法,由于本系列没有一个良好的规划,想到哪里就写到哪里,很多达人看了可能不会有连续性。主要我还是推荐学基础可以到MSDN或博客园里也有按照微软Tutorial顺序写的教程,由于时间的关系今天到此结束。

本文转自网魂小兵博客园博客,原文链接:http://www.cnblogs.com/xdotnet/archive/2012/03/29/aspnet_mvc4_html_control_checkboxlist.html,如需转载请自行联系原作者

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
跟我一起学习ASP.NET 4.5 MVC4.0(一)
原文 : http://www.cnblogs.com/xdotnet/archive/2012/03/05/aspnet_mvc40_preview.html   由于上面一个项目使用的是ASP.NET4.0 MVC3.0,在招人的时候发现很多人有听说过MVC,但是却是没用过,对MVC也只是一知半解,最近想给团队成员做一个系统的解说,让大家都可以学习一 下ASP.NET MVC3.0。
1082 0
跟我一起学习ASP.NET 4.5 MVC4.0(二)
原文http://www.cnblogs.com/xdotnet/archive/2012/03/06/aspnet_mvc40_keywords.html 上一篇文章中(跟我一起学习ASP.NET 4.5 MVC4.0(一)) 我们基础的了解了一下ASP.NET MVC4.0的一些比较简单的改变,主要是想对于MVC3.0来说的。
966 0
跟我一起学习ASP.NET 4.5 MVC4.0(三)
原文 http://www.cnblogs.com/xdotnet/archive/2012/03/07/aspnet_mvc40_validate.html 今天我们继续ASP.NET 4.5 MVC 4.0,前两天熟悉了MVC4.0在VS11和win8下的更新,以及MVC中的基础语法和几个关键字的使用。
924 0
跟我一起学习ASP.NET 4.5 MVC4.0(四)
原文http://www.cnblogs.com/xdotnet/archive/2012/03/27/aspnet_mvc4_authorize.html 前几个文章中介绍了一些关于MVC4.0的东东,今天我们来看一下登陆验证,也可以说是 权限验证,即AuthorizeAttribute。
856 0
跟我一起学习ASP.NET 4.5 MVC4.0(五)
原文http://www.cnblogs.com/xdotnet/archive/2012/03/29/aspnet_mvc4_html_control_checkboxlist.html 前面几篇文章介绍了一下ASP.NET MVC中的一些基础,今天我们一起来学习一下在ASP.NET MVC中控件的封装。
897 0
跟我一起学习ASP.NET 4.5 MVC4.0(六)
原文http://www.cnblogs.com/xdotnet/archive/2012/07/21/aspnet40_webpage20.html 这一系列文章跨度有点大,由于最近忙于其他事情,没有更新,今天重新安装了下Win8系 统,VS2012和SQLServer 2012,顺便抽空继续一篇。
971 0
3576
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载