跟我一起学习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中控件的封装。

原文http://www.cnblogs.com/xdotnet/archive/2012/03/29/aspnet_mvc4_html_control_checkboxlist.html

前面几篇文章介绍了一下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://xdotnet.cnblogs.com

本文可以随意转载,摘抄等非商业用途。

为了尊重作者成果,在转载和摘抄的时候请留下作者名称和出处。

 
目录
相关文章
|
1月前
|
开发框架 前端开发 JavaScript
盘点72个ASP.NET Core源码Net爱好者不容错过
盘点72个ASP.NET Core源码Net爱好者不容错过
93 0
|
1月前
|
开发框架 .NET
ASP.NET Core NET7 增加session的方法
ASP.NET Core NET7 增加session的方法
50 0
|
1月前
|
开发框架 .NET 中间件
C#/.NET快速上手学习资料集(让现在的自己不再迷茫)
C#/.NET快速上手学习资料集(让现在的自己不再迷茫)
102 8
|
8天前
|
开发框架 JSON .NET
学习ASP.NET 中的 默认应用程序配置源
默认主机配置源 使用命令行配置提供程序的命令行参数
11 2
|
10天前
|
前端开发 Java C#
GitHub突破5k Star!这件事情我坚持了3年,努力打造C#/.NET/.NET Core全面的学习、工作、面试指南知识库
GitHub突破5k Star!这件事情我坚持了3年,努力打造C#/.NET/.NET Core全面的学习、工作、面试指南知识库
|
1月前
|
开发框架 前端开发 JavaScript
JavaScript云LIS系统源码ASP.NET CORE 3.1 MVC + SQLserver + Redis医院实验室信息系统源码 医院云LIS系统源码
实验室信息系统(Laboratory Information System,缩写LIS)是一类用来处理实验室过程信息的软件,云LIS系统围绕临床,云LIS系统将与云HIS系统建立起高度的业务整合,以体现“以病人为中心”的设计理念,优化就诊流程,方便患者就医。
32 0
|
1月前
|
开发框架 前端开发 .NET
进入ASP .net mvc的世界
进入ASP .net mvc的世界
37 0
|
1月前
mvc.net分页查询案例——mvc-paper.css
mvc.net分页查询案例——mvc-paper.css
7 0
|
1月前
|
开发框架 前端开发 .NET
C# .NET面试系列六:ASP.NET MVC
<h2>ASP.NET MVC #### 1. MVC 中的 TempData\ViewBag\ViewData 区别? 在ASP.NET MVC中,TempData、ViewBag 和 ViewData 都是用于在控制器和视图之间传递数据的机制,但它们有一些区别。 <b>TempData:</b> 1、生命周期 ```c# TempData 的生命周期是短暂的,数据只在当前请求和下一次请求之间有效。一旦数据被读取,它就会被标记为已读,下一次请求时就会被清除。 ``` 2、用途 ```c# 主要用于在两个动作之间传递数据,例如在一个动作中设置 TempData,然后在重定向到另
143 5
|
1月前
|
机器学习/深度学习 存储 编解码
多任务学习新篇章 | EMA-Net利用Cross-Task Affinity实现参数高效的高性能预测
多任务学习新篇章 | EMA-Net利用Cross-Task Affinity实现参数高效的高性能预测
70 0