ASP.NET MVC 中 WebGrid 的 6 个重要技巧介绍当一个 Webform 开发者转做 MVC 开发的时候, 他会发现, 许多自己喜欢的东东不见了. 没有代码隐藏模型(behind code), 没有 view state, 没有页面生命周期(page life cycle), 没有服务端控件(server control). 你可以看这篇文章, 里头有讲 MVC 比 ASP.NET Webform少了哪些东西. 没有了这些易用的服务端控件, 相信许多人都会伤心欲绝. 最令人怀念的, 恐怕要属 gridview / datagrid 控件. 作为一个 ASP.NET Webform 开发者, 我能理解, 这种将 GridView 控件拖放到 form 里头, 然后给它绑定数据, 一会的功夫, 就能看到数据在表格中显示的开发过程, 有多爽, 多让人着迷. MVC 用 “WebGrid” 类代替 GridView . 这是个类, 再说一次, 这是个类. 别指望它能像, 有可视化快速开发工具支持的 gridview / data grid 控件那么好用. 不过要比用 HTML 的表格好的多, 起码省时间. 如果你想知道, 我们为什么不做可视化快速开发工具支持 MVC, 读下这篇文章 ASP.NET Webform 对比 ASP.NET MVC. 本文通过六个重要技巧, 教你如何更有效的使用 WebGrid。 一个简单的 MVC WebGrid 例子“WebGrid” 的用途是, 显示集合(collection )中的数据. 集合可能是强类型列表(strong typed list), 也可能是泛型, 或其他类型. 我们先来看一个简单的例子. 这个例子将强类型对象添加到一个集合中, 然后用 “WebGrid” 显示出来. 下列代码创建一个名叫 “Custs” 列表, 然后把 “Customer” 类的 对象加进去.
要在 MVC 的视图(View) 中显示集合的内容, 我们先创建一个 “WebGrid” 对象, 传给 "WebGrid" 构造函数的变量 ”Custs” 是上面代码创建的 "Customer" 对象列表 . 接下来, 调用 “GetHtml()” 函数, 以 HTML 表格形式显示集合中的内容.
运行上面的代码, 就能看到下面图片中的内容. 不错吧 技巧1 : 在 MVC WebGrid 中排序用表格显示数据，首先要说的是排序。“WebGrid” 在默认情况下, 通过点列的标题来排序. 如果你仔细看， 会发现列的标题， 其实是个超链接。
如果你想关闭排序功能， 就像下面的代码那样， 把 “canSort” 设为 “false” 。
如果你想设置默认排序， 就把列名赋给 “defaultsort” 。
|
1 | WebGrid obj = new WebGrid(Custs,rowsPerPage:3); |
分页的数字也是以超链接的形式显示出来的。
. 
