MVC进阶学习--HtmlHelper之GridView控件拓展(四)

简介: 1.输出表头 Code 1  ///  2         /// 添加表头行 3         ///  4         ///  5         ///  6         ///  7         ///  8         ///  9         /// 10 ...

1.输出表头

img_1c53668bcee393edac0d7b3b3daff1ae.gifimg_405b18b4b6584ae338e0f6ecaf736533.gifCode
 1  /// <summary>
 2         /// 添加表头行
 3         /// </summary>
 4         /// <typeparam name="T"></typeparam>
 5         /// <param name="helper"></param>
 6         /// <param name="writer"></param>
 7         /// <param name="columns"></param>
 8         /// <param name="option"></param>
 9         /// <returns></returns>
10         public static string RenderHeander<T>(this HtmlHelper helper, HtmlTextWriter writer, string[] columns, GridViewOption option)
11         {
12             writer.RenderBeginTag(HtmlTextWriterTag.Tr);
13             for (int i = 0; i < option.Headers.Length;i++ )
14             {
15                 writer.AddAttribute("id",columns[i]);
16                 writer.AddAttribute("name", columns[i]);
17                 writer.RenderBeginTag(HtmlTextWriterTag.Th);
18                 writer.Write(option.Headers[i]);
19                 writer.RenderEndTag();
20             }
21 
22             //如果有编辑或删除列,则要在原有列的基础上加一列
23             if (option.IsEidt || option.IsDelete)
24             {
25                 writer.RenderBeginTag(HtmlTextWriterTag.Th);
26                 writer.RenderEndTag();
27             }
28             writer.RenderEndTag();
29             return writer.InnerWriter.ToString();
30         }
31 

 

这个方法主要适用于添加表头的。这里我们常用的一个类,用于从后台输出标签的类HtmlTextWriter

HtmlTextWriterlei 类中有两个方法 RenderBeginTag() 和RenderEndTag()两个方法,这两个方法分别是用于输出开始标签和结束标签的,如writer.RenderBeginTag(HtmlTextWriterTag.Tr); 输出的为Tr标签<tr>,writer.RenderEndTag();则用于输出</tr>. 如果用于输出属性

  writer.AddAttribute("type", "hidden");
  writer.AddAttribute("id",items.IdentityName);
  writer.AddAttribute("name", items.IdentityName);

注意这里的几句话必须在writer.RenderBeginTag() 上面,否则不能输出属性

 

2.添加数据行

 

img_1c53668bcee393edac0d7b3b3daff1ae.gif img_405b18b4b6584ae338e0f6ecaf736533.gif Code
 1 /// <summary>
 2         /// 添加数据行
 3         /// </summary>
 4         /// <param name="helper"></param>
 5         /// <param name="writer"></param>
 6         /// <param name="item"></param>
 7         /// <param name="columns"></param>
 8         /// <param name="option"></param>
 9         /// <returns></returns>
10         public static string RenderRow<T>(this HtmlHelper helper, HtmlTextWriter writer, PageList<T> items, string[] columns, GridViewOption option)
11         {
12             string value = null;
13             foreach (var item in items)
14             {
15                 writer.RenderBeginTag(HtmlTextWriterTag.Tr);
16                 for (int i = 0; i < columns.Length; i++)
17                 {
18                     writer.RenderBeginTag(HtmlTextWriterTag.Td);
19                     value = typeof(T).GetProperty(columns[i]).GetValue(item, null).ToString();
20                     if (i == 0)
21                     {
22                         writer.AddAttribute("type""hidden");
23                         writer.AddAttribute("id",items.IdentityName);
24                         writer.AddAttribute("name", items.IdentityName);
25                         writer.AddAttribute("value"typeof(T).GetProperty(items.IdentityName).GetValue(item, null).ToString());
26                         writer.RenderBeginTag(HtmlTextWriterTag.Input);
27                         writer.RenderEndTag();
28                         writer.Write(value.Length > 20 ? value.Substring(020) : value);
29                     }
30                     else
31                     {
32                         writer.Write(value.Length > 20 ? value.Substring(020) : value);
33                     }
34                     //writer.Write(value);
35                     writer.RenderEndTag();
36                 }
37                 if (option.IsEidt || option.IsDelete)
38                 {
39                     writer.RenderBeginTag(HtmlTextWriterTag.Td);
40                     if (option.IsEidt)
41                     {
42                         //writer.Write(helper.ActionLink(option.EditButton, null, null, new { @class = "Edit_Link" }) + "   ");
43                         writer.Write("<a href='#' class='Edit_Link'>编辑</a>&nbsp;&nbsp;&nbsp;");
44                     }
45                     if (option.IsDelete)
46                     {
47                         writer.Write(helper.ActionLink(option.DeleteButton, option.DeleteAction, new { controller = option.DeleteController, id = typeof(T).GetProperty(items.IdentityName).GetValue(item, null).ToString() }));
48                     }
49 
50                     writer.RenderEndTag();
51                 }
52                 writer.RenderEndTag();
53             }
54             return writer.InnerWriter.ToString();
55         }
56 

 

这一部分关键是从集合中将数据取出来 然后以表格的形式显示。在这里思维上不会有太大的难度,根据反射的属性来获取集合中的数据,另外要注意判断编辑和删按钮的判断,根据传递的参数的不同,来控制是否显示编辑或删除按钮

3.输出分页控件

 

img_1c53668bcee393edac0d7b3b3daff1ae.gif img_405b18b4b6584ae338e0f6ecaf736533.gif Code
 1 /// <summary>
 2         /// 添加分页
 3         /// </summary>
 4         /// <param name="helper"></param>
 5         /// <param name="writer"></param>
 6         /// <param name="option"></param>
 7         /// <returns></returns>
 8         public static string RenderPageList<T>(this HtmlHelper helper, HtmlTextWriter writer, PageList<T> items, string[] columns, GridViewOption option)
 9         {
10             writer.RenderBeginTag(HtmlTextWriterTag.Tr);
11             if (option.IsEidt || option.IsDelete)
12             {
13                 writer.AddAttribute("colspan", (option.Headers.Length + 1).ToString());
14             }
15             else
16             {
17                 writer.AddAttribute("colspan", (option.Headers.Length).ToString());
18             }
19             writer.AddAttribute("align""center");
20             writer.RenderBeginTag(HtmlTextWriterTag.Td);
21             writer.Write(helper.ActionLink("首页", items.Action, new { controller = items.Controller, pageIndex = 1 }) + "&nbsp;&nbsp;&nbsp;&nbsp;");
22             writer.Write(helper.ActionLink("上一页", items.Action, new { controller = items.Controller, pageIndex = items.Page.PageIndex - 1 }) + "&nbsp;&nbsp;&nbsp;&nbsp;");
23             writer.Write(items.Page.PageIndex + "/" + items.Page.PageCount + "页&nbsp;&nbsp;&nbsp;&nbsp;");
24             writer.Write(helper.ActionLink("下一页", items.Action, new { controller = items.Controller, pageIndex = items.Page.PageIndex + 1 }) + "&nbsp;&nbsp;&nbsp;&nbsp;");
25             writer.Write(helper.ActionLink("尾页", items.Action, new { controller = items.Controller, pageIndex = items.Page.PageCount }) + "&nbsp;&nbsp;&nbsp;&nbsp;");
26             writer.RenderEndTag();
27             writer.RenderEndTag();
28             writer.RenderEndTag();
29 
30             //构建隐藏表单
31             writer.AddStyleAttribute("display","none");
32             writer.RenderBeginTag(HtmlTextWriterTag.Div);
33             writer.AddAttribute("action","");
34             writer.AddAttribute("method","post");
35             writer.RenderBeginTag(HtmlTextWriterTag.Form);
36             foreach (string column in columns)
37             {
38                 writer.AddAttribute("type","hidden");
39                 writer.AddAttribute("id", column);
40                 writer.AddAttribute("name", column);
41                 writer.AddAttribute("value""");
42                 writer.RenderBeginTag(HtmlTextWriterTag.Input);
43                 writer.RenderEndTag();
44             }
45             writer.RenderEndTag();
46             writer.RenderEndTag();
47 
48             return writer.InnerWriter.ToString();
49         }

 

这里的分页显示,其实同上面没有什么不同,都是将标签输出,然后加上不停变化的变量参数,如同编辑和删除按钮一样,要指定处理这个请求的Controller 和 action。同样的道理,分页中的分页参数也是如此。但是这里得注意一点,在最后面输出了一个表单,其实这个表单就是为了辅助编辑这个按钮的,当我编辑的时候,后来要将数据提交到后台做修改就是利用这个表单,这个表单都是用表单隐藏域来说实现数据的提交同时结合了Jquery中的相关知识内容。在域WevForm中的GridView比较起来这种方式都是在客户端处理的,编辑不需要从新走服务器,个人感觉这是比较好的一种方式,只有真正的修改了才会提交到服务器修改。隐藏域的个数也是由显示字段的个数决定的,从某种程度上来说,MVC这种表单提交方式,自动封装对象正好为此提供了方便。
相关文章
|
20天前
|
设计模式 存储 前端开发
Java从入门到精通:2.2.1学习Java Web开发,了解Servlet和JSP技术,掌握MVC设计模式
Java从入门到精通:2.2.1学习Java Web开发,了解Servlet和JSP技术,掌握MVC设计模式
|
3月前
|
JSON 前端开发 Java
【JavaEE进阶】 关于Spring mvc 响应
【JavaEE进阶】 关于Spring mvc 响应
|
3月前
|
前端开发 Java 应用服务中间件
【JavaEE进阶】 初识Spring Web MVC
【JavaEE进阶】 初识Spring Web MVC
|
4月前
|
前端开发 Java 应用服务中间件
快速上手:探索Spring MVC的学习秘籍!
快速上手:探索Spring MVC的学习秘籍!
|
4月前
|
前端开发 Java 数据库
MVC架构学习归纳总结(小傅哥の码场 学习专栏)
MVC架构学习归纳总结(小傅哥の码场 学习专栏)
22 0
|
5月前
|
XML 前端开发 Java
自定义MVC的进阶使用
自定义MVC的进阶使用
28 0
|
6月前
|
XML 存储 前端开发
自定义MVC框架(中)进阶版---详细讲解
自定义MVC框架(中)进阶版---详细讲解
36 0
|
6月前
|
设计模式 前端开发 Java
一篇文章让使你的Spring Mvc学习入门,还不来了解吗?
一篇文章让使你的Spring Mvc学习入门,还不来了解吗?
|
6月前
|
监控 前端开发 Java
学习 [Spring MVC] 的JSR 303和拦截器,提高开发效率
学习 [Spring MVC] 的JSR 303和拦截器,提高开发效率
33 0
|
7月前
|
XML 前端开发 Java
如何实现自定义MVC框架(进阶版本)
如何实现自定义MVC框架(进阶版本)
21 0