博客园_记忆逝去的青春

男女平等

2011-10-26T10:42:00Z

每天的这个时候
无数的男人和女人从家里走出来
来到街上去各自的地方上班
他们有着不同的理想
不同的职业
但却分属两大不同的阵营
男人和女人。

这两个阵营的人这么多年来
永远在比对永远在厮杀
保留自己特权的同时
要从对方手上博取更多的特权
他们是如此的贪心
却没能签成一份
公平合理的约定。

这个世界到底有没有真正的男女平等
男人和女人
生理构造不一样
心理结构不一样
社会职能分配
很大程度上也有区别
那么这个世界上
男人和女人到底有没有可能
达到真正的男女平等呢

凭什么
凭什么男人交过的女人越多
人家就觉得他越有魅力啊
而女人呢
每次只要女人一换男朋友
人家肯定就在后面指指点点

大家都是人都是爹妈生的
都是从幼儿园小学中学大学
这么一步步念过来
凭什么到二十岁以后
一切变得不一样了

男人呢越老越有魅力
交过的女人越多越有魅力
女人呢不但不能老
老了没人要
老之前还不能有多选择了
只要选择一多
人家就在你后面戳你脊梁骨。

两个人约会
女人迟到天经地义
男人迟到就是不靠谱
怎么解释都没用
我看还是省省算了。。

用你钱怎么了
用你钱怎么了
男人天生就应该给女人钱用的
你终于说出来了
男人天生就要给女人钱用是不是
女人天生就可以享用男人的钱是吗
为什么为什么为什么呢
你没看每张钞票上
都印着男人的头吗
等什么时候印女人头了
我也给你钱用

凭什么男人可以在外面花天酒地
就叫风流
女人要是在外面多玩玩
就嫁也嫁不出去

那凭什么女人一结婚
就让我们男人有房子有车
男人上辈子欠你们的
那离婚以后呢
离婚以后男人反而更吃香

凭什么女人离婚以后就贬值
男人离婚以后不贬值反而升值呢
升值贬值升值贬值
女人考虑问题
能再狭隘一点吗
就是整天想着有没有别人要你们
你还能想点别的吗

废话
我们女人一生的梦想
就是找一个好男人
你们男人一辈子的梦想
就是找无数个好看的女人
女人要是一样有无数个男朋友
还能嫁得出去

男人和女人，
从诞生的那一天起，
就各自拥有了数不清的优势和劣势。
男人凭什么追求女人，
女人凭什么不断地在逃，
当你作为猎物被我追到，
凭什么反过来对我指手画脚。

其实，
男人和女人，
就像两块严丝合缝的拼图，
只有找到你的那一块，
才会幸福和满足。

当一个女人万分伤心的时候
你能做的只有默默地抱住她
然后
哭得比她还凶
因为无论怎么比
每个女人与生俱来的母爱
永远是你体验过的最伟大的爱情

不管什么事
男人和女人没有区别
没有什么他们能做
或者一定不能做的事
重要的是自己高兴就好。。。。

---摘自《男人帮》第四集

本文链接

红颜知己

2011-10-25T11:06:00Z

从某个角度某个时间，
看这个城市的人流，
你会发现所有人都是一样的！
一样的表情，一样的步伐，
去一样的地方做一样的事情，
就像工厂流水线上的产品，
这些人都有活下去的动力，
这动力其中的一大部分，
是来自于一个人。

这个人懂你所有的心事，
了解你所有的行为模式，
在你低落的时候，
是你的输送液和垃圾桶；
在你高兴的时候，
会陪你举杯庆祝，
这个人就叫做红颜知己。

错了
我错误的估计了形式
低估了你的能量
以至于用一种简单粗暴的办法
制约了我们的关系
在此我表示真挚的道歉
请接受我的哀悼
如果你再不原谅我我
只有以死相逼了。。

吃与不吃有什么区别呢
都是行尸走肉间的一副臭皮囊
早晚化作风中的一缕青烟

真实与虚幻
谁能分得出这其中的界限呢
你又怎么能确定你看到的是我
那只不过是你的幻觉
一切都是虚妄
如梦幻泡影
包括你包括我
都是尘世间的一缕青烟

我这个人命怎么
是不是太苦了
每次一真心碰到一个喜欢的女孩
我就在心里祈祷
我说这回顺利点这回顺利点
然后毫无例外的
啪飞来一横祸
啪又飞来一横祸
啪又飞来一横祸
漫天的UFO

你说我们是太失败了
还是太没自信了
就是说主观上说
其实太没自信
客观上其实太失败了

哦哟你还知道主观和客观啊
那其实你很有文化啊
去死吧猪

你不能这么想这个问题啊
不是主观和客观的问题
这是鸡生蛋蛋生鸡的问题
由于你没有自信所以你便失败
由于你失败你就更加不自信
所以这是恶心循环
有文化的人就是不一样
安慰起人来也特别不一样

这样吧我们做个约定
等到你四十岁没人要
我大了也没人要的时候
我们就一起搭伙过日子
怎么样？？

我明白了
这就是传说中的备胎
完全正确
完全拒绝
为什么？

你看啊我是男人啊
男人四十一枝花
蛮可以找一个三十岁啊
二十岁啊十几岁都可以
你就不行了
你只可以找一个
六十多岁的糟老头子
最多五十岁
所以说道不同不相与谋

我不知道红颜知己，
对男人来说意味着什么，
她可能是了解女人的出口，
可能是没有恋爱时的一个玩伴，
或者更可能，
只是虚拟一种感情的环境，
让我们孤单寂寞的心，
找到一点点安慰。

毕竟在这个时代，
这个年龄，
我们已经很少敢于去认真的付出，
但不管怎么样，
红颜知己就是让你找到自信，
勇气和力量的那个人。

如此珍贵的一个人，
就不要因为冲动，
寂寞或者失落，
而让她变成可能的陌生人。

——摘自《男人帮》第三集

本文链接

选择爱情

2011-10-24T11:43:00Z

选择，
最重要的就是选择。

从我们生下来的那一天起，
除了我们的父母不能选择，
因为在我们生下来的那一天起就已经存在了。
之外，所有的一切都可以选择。

选择一个好的幼儿园，
小学，漂亮的小学同桌，初中，高中，
选择好的大学，
选择好的工作。
选择好的电视机，电脑，台灯，音响。
选择不同牌子的化妆品，汽车。

选择男人，女人。
男人选择女人，
女人选择男人。
男人选择男人，
女人选择女人。

终其一生，
我们的人生充满了各种选择。
而对于男人来说，
最重要的是选择一个徘徊在智商及格线上的美女，
还是选择一个随手能写出几千字散文的才女。

对一个女人来说，

是选择一个对她好，
但是没有钱的穷光蛋，
还是选择一个有钱，
但是对她不好的王八蛋？？？

美女，
一个多么美好的字眼。
就光这两个字，
可以让全世界百分之九十的男人心跳加速。。
美貌，
是上帝赐予一个女人最好的礼物，
是上帝惩罚男人最好的武器！！！

刚开始失望的时候想，

算了吧，爱他妈谁谁谁了
你想想，你每天一大早醒来看到的第一样东西，

就是一张你特别不喜欢的脸，
每天都是一个心情糟糕的开始，
会变得不爱讲话，不爱与人交际，
不爱任何活物，
了无生趣，
唯一的乐趣就是睡觉，
直到从此长眠不醒。
——这就是我倾听到，我自己内心的声音。

我们总是在不断选择，
衡量不同的指标
选择有钱的，
选择身高一米八，
选择胸围，
选择学历
选择进攻的方向，

选择逃跑的路线
因为这个世间没有尽善尽美
我们只能选择对自己最有利的
选择，成为我们不被淘汰的理由，
成了我们活下去的法宝。。。

男人徘徊在女人的美貌给我们的震撼和能谈笑风生的才女带给我们的愉悦中
女人唯一记得的是那个给你不好的
有钱的男人曾经是用钱，

这样地对你好过

我们无法选择
因为我们早已经忘了
当我们内心有真正想要的时候
我们其实是不用选择的

我不知道红颜知己对男人意味着什么
她可能是了解女人的一个出口
可能是没有恋爱时的玩伴
或者更可能
只是虚拟一种感情的环境
让我们孤单寂寞的心找到一点点安慰
毕竟在这个时代这个年龄
我们已经很少敢于去认真地付出
但不管怎么样
红颜知己就是帮你找到自信勇气力量的那个人
如此珍贵的一个人
就不要因为冲动寂寞或者失落
而让她变成可能的陌生人

摘自----《男人帮》第二集

作者：记忆逝去的青春
出处：http://www.cnblogs.com/lukun/
本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，如有问题，可以通过http://www.cnblogs.com/lukun/ 联系我，非常感谢。

本文链接

以爱之名

2011-10-24T11:40:00Z

自从我们睁开眼睛看这个世界的第一天起，
我们看到的就只有两种人，
男人和女人，
他们分属于两大不同的阵营，
为了彻底收服对方，
大家互相往死里掐。

根据一个遥远的传说，
说有一种东西叫做爱情，
可以彻底终结这场战争，
于是大家纷纷地赶紧去寻找，
赶紧去幻想，
找到头破血流才发现，
原来这个感情也是另一些人在书房里炮制出来的。

于是大家更加绝望，更加痛苦，更加地往死里掐。。。

其实男人和女人，
从来都没有好好地相互了解过，
男人不难了解，
只是从来都没有人跟你说过。。。。

爱情，
究竟存不存在这样的东西？
如果存在，
它为什么到处长着不统一的脸？
如果不存在，
为什么有人为它哭为它笑为它死？

爱情，
归根结底，
是不是我们为了满足现实的需要，
而编织出来的一个最大的谎言？？？

为了生活，生不如死。
每个人都会或多或少地认识几个既一无是处又非常热情的人。
这种热情来自于对自己的信心。
这种超级强大的信念感也使得他们从来意识不到别人对自己的厌烦和恐惧。

没有原因的爱情才是爱情。
可是没有原因的爱情，不靠谱。
爱情究竟是不是完全不讲道理？
当我们问所爱的人时：
你为什么喜欢我
她回答：我喜欢你就是喜欢你。
没有理由没有原因的时候，
我们是不是真的应该相信这句话
那如果真的是这样，
那爱情又是怎么结束的呢？

一见钟情也是这样：
我们第一次看到一个人，
就深深地有了好感
那除了长相和气质还能因为什么别的呢？
我们不会对一头心灵美的猪一见钟情。

我们之所以故意忽视这些，
是因为我们想让自己变得很崇高。
凭什么女的一哭就有求必应，
男的一哭就遭人唾弃呢？
每个人和他的伴侣走在人流中，
都希望被人注视。

在嫉妒的眼光中感到一种团结，
在同情的眼光中感到一种分裂，
这种眼光是一种无声的力量
它会聚拢你们，
也会渐渐拆散你们。
这其实是很虚荣的，
也很实际，
爱情在这个时候可以忽略不计。

你是他女朋友，
他是你男朋友，
你们俩在一起很久了
突然有一天，
他做了什么对不起你的事情，
然后你们就吵架了
然后你就碰到了我，
然后你就跟我在一起，
可能是想忘掉一些不愉快的事情，
或者是想报复他？？？

无所谓了，
反正你现在还是离不开他，
他也离不开你，
这不是很好吗
在多么惨痛的情况下，
我都能发掘一下自身的价值。

感情不就是这么回事吗，
你捅我一刀，我捅你一刀，
你捅我一刀，我再捅你一刀，
反正数数彼此身上的伤口，
差不多就行了。

其实有的时候喜欢一个人，
并不一定需要什么原因，
也不要什么结果，不是吗？？？

摘自---《男人帮》第一集

本文链接

我要学ASP.NET MVC 3.0（十九）： MVC 3.0 实例之使用开源控件实现表格排序和分页

2011-08-22T07:53:00Z

概述

前几节我们学习了怎么在MVC 3.0程序里面实现一个数据表格，以及在数据表格中加入了排序、分页和筛选等功能，对于MVC视图中标记的呈现，我们的办法是在一个<table>中通过foreach遍历数据集，来输出一对对的<td>来显示每行的数据。虽然这种办法是可行的，但是如果数据列过多就显得过于牵强。我们就会想如果有类似的控件来完成我们的Grid那就再好不过了。

背景

我们都知道ASP.NET MVC框架包含一个HtmlHelper类，该类为我们视图界面中渲染Html内容提供了支持，比如创建操作链接 Html.ActionLink，文本框Html.TextBoxFor等，都是通过HtmlHelper类的扩展方法来实现的。

网络上有很多基于MVC的开源项目，比如mvccontrib，这些项目都为ASP.NET MVC框架增加了各种功能，包括创建表格及对表格数据的排序、分页等功能，使得我们使用起来更加方便快捷。

创建Controller

同样我们是用以前的数据集作为数据源，所以创建一个心的Controller使用方法来调用和显示内容即可。

右击 Controller文件夹--添加--控制器

命名为：MvcContribController

添加如下代码

using System.Collections.Generic;
using System.Web.Mvc;
using MVC3.Grid.Models;
using MvcContrib.UI.Grid;
using MvcContrib.Sorting;

namespace MVC3.Grid.Controllers
{
publicclass MvcContribController : BaseController
{
//
// GET: /MvcContrib/

public ActionResult Index(GridSortOptions model)
{
ViewBag.model = model;
IEnumerable<Employee> list = DataContext.Employee;

if (!string.IsNullOrEmpty(model.Column))
{
list = list.OrderBy(model.Column, model.Direction);

}

return View(list);
}

}
}

注意此处必须添加MvcContrib.dll

可以在mvccontrib网站上下载

添加视图

为Index方法添加视图，选择Model中的Employee作为强类型

添加代码

@model IEnumerable<MVC3.Grid.Models.Employee>

@{
ViewBag.Title = "Index";
Layout = "~/Views/Shared/_Layout.cshtml";
}

<h2>排序列表</h2>

@using MvcContrib.UI.Grid
@Html.Grid(Model).Columns(column =>
{
column.For(p => p.EmployeeNO);
column.For(p => p.EmployName);
column.For(p => p.Sex);
column.For(p => p.Birthday);
column.For(p => p.Marital);
}
)

运行效果

可以看到，基本的表格算是有了，可是还没有样式，有点丑。

添加样式

MvcContrib为我们提供了Attributes方法，我们可以随意给表格或者其中任何一个标签添加样式。

修改代码

@using MvcContrib.UI.Grid
@Html.Grid(Model).Columns(column =>
{
column.For(p => p.EmployeeNO);
column.For(p => p.EmployName);
column.For(p => p.Sex);
column.For(p => p.Birthday);
column.For(p => p.Marital);
}
).Attributes( @class=>"right",@width =>"100%", @border =>"1", @style =>"text-align:center;border-collapse:collapse")

运行效果

可以看到样式已经起作用了。

修改表头

此时我们的表头是默认的模型属性名称，看起来相当的不爽，所以我们要自己定义表头

MvcContrib为我们提供了Named方法，可以让我们自定义表头

修改代码

@using MvcContrib.UI.Grid
@Html.Grid(Model).Columns(column =>
{
column.For(p => p.EmployeeNO).Named("编号");
column.For(p => p.EmployName).Named("姓名");
column.For(p => p.Sex).Named("性别");
column.For(p => p.Birthday).Named("出生年月");
column.For(p => p.Marital).Named("是否婚配");
}
).Attributes( @class=>"right",@width =>"100%", @border =>"1", @style =>"text-align:center;border-collapse:collapse")

运行效果

上图我们可以看出表头已经改变

格式化字符串

在表格里面很多数据都不规范，如：出生年月后面的完全不需要。

MvcContrib为我们提供了Format方法，来定义显示数据的格式。

修改代码

@using MvcContrib.UI.Grid
@Html.Grid(Model).Columns(column =>
{
column.For(p => p.EmployeeNO).Named("编号");
column.For(p => p.EmployName).Named("姓名");
column.For(p => p.Sex).Named("性别");
column.For(p => p.Birthday).Format("{0:yyyy年MM月dd日}").Named("出生年月");
column.For(p => p.Marital).Named("是否婚配");
}
).Attributes( @class=>"right",@width =>"100%", @border =>"1", @style =>"text-align:center;border-collapse:collapse")

运行效果

效果是相当给力啊。。。

输出判断

很多时候我们需要将一些标识性的字符改为我们常见的语句，如：是否婚配的0和1，看起来有点生硬。

MvcContrib在生成列的时候使用lamda表达式，在这里可以做判断。

修改代码：

@using MvcContrib.UI.Grid
@Html.Grid(Model).Columns(column =>
{
column.For(p => p.EmployeeNO).Named("编号");
column.For(p => p.EmployName).Named("姓名");
column.For(p => p.Sex).Named("性别");
column.For(p => p.Birthday).Format("{0:yyyy年MM月dd日}").Named("出生年月");
column.For(p => p.Marital =="1"?"是" : "否").Named("是否婚配");
}
).Attributes( @class=>"right",@width =>"100%", @border =>"1", @style =>"text-align:center;border-collapse:collapse")

运行效果

可以看到一个完整的表格已经做好了。下面我们来进行排序。

表格排序

在MvcContrib中为我们提供了Sort方法，他需要我们从页面传递一个GridSortOptions类型的参数给Action，读取他的Column和Direction来完成排序工作的。

默认情况下所有的列都会被加上排序功能，我们可以使用Sortable(false)来禁用列的排序。

看代码

@using MvcContrib.UI.Grid
@Html.Grid(Model).Sort(ViewBag.model as GridSortOptions).Columns(column =>
{
column.For(p => p.EmployeeNO).Named("编号");
column.For(p => p.EmployName).Named("姓名");
column.For(p => p.Sex).Named("性别");
column.For(p => p.Birthday).Format("{0:yyyy年MM月dd日}").Named("出生年月");
column.For(p => p.Marital =="1"?"是" : "否").Named("是否婚配").Sortable(false);
}
).Attributes( @class=>"right",@width =>"100%", @border =>"1", @style =>"text-align:center;border-collapse:collapse")

看效果

除了是否婚配其他列都可以排序

这样我们的排序就做好了，下面我们继续看看分页怎么做。

表格分页

在MvcContrib里我们只需要知道当前page的索引即可读取上下页的数据。

修改Index方法

using System.Collections.Generic;
using System.Web.Mvc;
using MVC3.Grid.Models;
using MvcContrib.Pagination;
using MvcContrib.UI.Grid;
using MvcContrib.Sorting;

namespace MVC3.Grid.Controllers
{
publicclass MvcContribController : BaseController
{
//
// GET: /MvcContrib/

public ActionResult Index(int? page, GridSortOptions model)
{
ViewBag.model = model;
IEnumerable<Employee> list = DataContext.Employee;

if (!string.IsNullOrEmpty(model.Column))
{
list = list.OrderBy(model.Column, model.Direction);

}
list = list.AsPagination(page ??1, 5);
return View(list);
}

}
}

我们可以看到，上面的方法只是在原来的基础上面添加了一个参数和一个默认的索引页和每页显示数据的条数。

运行起来看看

发现我们的数据从以前的8条变为现在的5条，这说明我们的分页已经是ok了的，只是在界面中缺少了，分页控件而已。

在MvcContrib里面为我们提供了Html.Pager(Model)这样的扩展方法可以实现分页，但是该模型必须是IPagination类型的，该类型是继承了IEnumerable的，需要添加命名空间MvcContrib.Pagination

修改视图完整代码

@model IPagination<MVC3.Grid.Models.Employee>
@using MvcContrib.UI.Grid;
@using MvcContrib.UI.Pager;
@using MvcContrib.Pagination;
@{
ViewBag.Title = "Index";
Layout = "~/Views/Shared/_Layout.cshtml";
}

<h2>排序列表</h2>

@Html.Grid(Model).Sort(ViewBag.model as GridSortOptions).Columns(column =>
{
column.For(p => p.EmployeeNO).Named("编号");
column.For(p => p.EmployName).Named("姓名");
column.For(p => p.Sex).Named("性别");
column.For(p => p.Birthday).Format("{0:yyyy年MM月dd日}").Named("出生年月");
column.For(p => p.Marital == "1" ? "是" : "否").Named("是否婚配").Sortable(false);
}
).Attributes(@class => "right", @width => "100%", @border => "1", @style => "text-align:center;border-collapse:collapse")

@Html.Pager(Model).First("首页").Next("下一页").Previous("上一页").Last("尾页").Format("总{2}条，当前{0}-{1}条 ")

运行效果

这样分页就做好了。。。

总结

对于MVC框架的扩展有很多，我只是选择了其中的一个作为例子，只是学习他们的封装的想法，大家可以去网站上下载看看源代码，或许你会收获很多。

本文链接

我要学ASP.NET MVC 3.0（十八）： MVC 3.0 实例系列之表格中合并排序、分页和筛选

2011-08-19T01:19:00Z

概述

通过前几节的学习，我们知道如何在MVC 3应用程序中实现一个简单表格并在表格之中加上了排序的表头及给分页，这些功能都是单一的，很多时候我们肯定不会只单单做一个排序或者分页功能吧，这样的表格往往不能满足我们的需求，为了更好的展示数据我们需要把这些功能合并在一个表格之中。

问题分析

我们知道

在排序功能里，我们有两个参数：

①SortBy列名称：显示用户是通过那个列来排序的。

②ascending排序标识：显示要排序的列名是升序还降序排列。

在分页功能里，也有两个参数：

①page当前页：当前表格索引页。

②pageSize每页显示条数：当前表格中显示几条数据。

而在数据筛选里，有三个参数：

①EmployeeNO查询编号：可以通过输入编号来筛选数据。

②DepartmentID家族编号：可以通过选择家族的列表来筛选数据。

③IsMarital婚姻状态：可以通过选择是否结婚来筛选数据。

这样一来，我们是不是猜想把这几个功能合并无非就是把这些参数合并在一起嘛。好那我们先来试试看。

创建Action

我们直接在EmployeeController添加名为SortPageAndFilter的方法

把前面几个方法的参数先复制下来，参数就变为ascending、employeeNO、departmentID、isMarital、sortBy、 page 、pageSize

对于这几个功能来说必须有先后顺序，我们就以筛选--排序--分页的顺序来写代码吧。

代码如下

public ActionResult SortPageAndFilter(bool? ascending, int? employeeNO, int? departmentID, bool? isMarital = null,
string sortBy = "EmployeeNO", int page = 1, int pageSize = 5)
{

var model = new EmployeeGridModel()
{
//排序默认
SortBy = sortBy,
SortAscending = ascending.GetValueOrDefault(),

// 分页默认
CurrentPageIndex = page,
PageSize = pageSize,

// 筛选默认
DepartmentID = departmentID,
EmployeeNO = employeeNO.ToString(),
IsMarital = isMarital.HasValue ? isMarital.Value : false,
DepartmentList = this.DataContext.Department
.OrderBy(c => c.DepartName)
.Select(c =>
new SelectListItem
{
Text = c.DepartName,
Value = c.DepartmentID.ToString()
}
)
};

// 筛选结果
var filteredResults = this.DataContext.Employee.AsQueryable();

if (employeeNO != null)
filteredResults = filteredResults.Where(o => o.EmployeeNO == employeeNO.ToString());
if (departmentID > 0)
filteredResults = filteredResults.Where(o => o.DepartmentID == departmentID.ToString());
if (isMarital != null && isMarital.Value == true)
filteredResults = filteredResults.Where(o => o.Marital == "1");

//获取筛选结果的总条数
model.TotalRecordCount = filteredResults.Count();

// 为筛选结果分页
model.Employees = filteredResults
.OrderBy(model.SortExpression)
.Skip((model.CurrentPageIndex - 1) * model.PageSize)
.Take(model.PageSize);

return View(model);
}

首先我们按照以前的思路，初始化一个辅助类EmployeeGridModel，读取了数据库中表的记录条数，为相关属性设置默认值，返回一个辅助类的Employeelist

注意：此处我们的OrderBy可以参照上篇中的具体操作，这里就不多赘述。

创建视图View

为SortPageAndFilter的Action添加一个视图View，选择强类型为EmployeeGridModel

按照以前的代码我们复制过来，该加的加该减的减

最后代码变为

@model MVC3.Grid.Models.EmployeeGridModel

@{
ViewBag.Title = "SortPageAndFilter";
Layout = "~/Views/Shared/_Layout.cshtml";
int i = 0;
}
<h2>排序、分页和筛选</h2>

@using (Html.BeginForm("SortPageAndFilter", "Employee", FormMethod.Get))
{
<fieldset class="filtering">
<legend>内容筛选</legend>
<div>
<b>编号：</b>
@Html.TextBoxFor(o => o.EmployeeNO, new { size = 8 })
<b>种族：</b>
@Html.DropDownListFor(o => o.DepartmentID, Model.DepartmentList, "-- 所有分类 --")
<b>是否婚配：</b>
@Html.CheckBoxFor(o => o.IsMarital)
<input type="submit" value="查询" />
</div>
<table border="1" width="100%" style="text-align: center; border-collapse: collapse">
<tr>
<th>
@Html.Partial("_SmartLink", Model,
new ViewDataDictionary {
{ "ColumnName", "EmployeeNO" },
{ "DisplayName", "编号" }
})
</th>
<th>
@Html.Partial("_SmartLink", Model,
new ViewDataDictionary {
{ "ColumnName", "EmployName" },
{ "DisplayName", "姓名" }
})
</th>
<th>性别</th>
<th>生日</th>
<th>是否婚配</th>
</tr>
@foreach (var item in Model.Employees)
{

<tr>
<td>@item.EmployeeNO</td>
<td>@item.EmployName</td>
<td>@item.Sex</td>
<td>@string.Format("{0:yyyy年MM月dd日}", item.Birthday)</td>
<td>
@if (item.Marital == "1")
{
@:@("是")
}
@if (item.Marital != "1")
{
@:@("否")
}
</td>
</tr>
i++;
}
@if (i < 5)
{
while (i < Model.PageSize)
{
i++;
<tr>
<td colspan="5">
&nbsp
</td>
</tr>
}
}
<tr>
<td colspan="5">
@Html.Partial("_Pager", Model)
</td>
</tr>
</table>
</fieldset>
}

运行起来看看

呵呵，效果已经出来了，功能怎么样啊我们试试。

我们叫三选手来试试看：

①号选手：点击编号倒序排序，然后点击下一页。

我晕，神马情况？？倒叙居然该为了顺序。完全与上下页无关。。呜呜杯具了。。。

②号选手：选择了筛选条件为羊族。点击查询后，发现上下也能用。窃喜中。。。点击下一页

奇迹发生了

筛选的数据部是六条的嘛，分页怎么还是8条？？而且刚刚选择的羊族也不知去哪里了，筛选和分页没有连接起来。。。晕死啊。

③号选手：采用了迂回策略，点击筛选了羊族作为筛选条件点击查询

点击按编号排序

啊啊~~~不会吧我筛选的羊族唉怎么灰太狼都排在里面了呀？太离谱了吧。筛选和排序都没有连接在一起。

经过这三位选手的测试我们不难看出，即便是单纯的合并还不能满足我们的需求。

下面我们来一步步把这些错误处理掉。。

合并分页和排序

原因分析：先看看当我们点击排序的时候路由是怎么样通知的

/?sortBy=EmployeeNO&ascending=False

然而当我们点击下一页的时候路由就会变成

/?page=2&pageSize=5

要是我们把这两个路由合并在一起，那问题不就解决了吗。

所以我们在分页链接里面要读取早先存储的排序标识，然后将排序标识添加到路由数据里面，在指向Action的时候，路由不是就完整了吗。

分析到这里我们就开始做吧

为_PagerLink.cshtml中添加分割线内的内容。

//路由参数
var routeData = new RouteValueDictionary { { "page", ViewData["PageIndex"].ToString() }, { "pageSize", Model.PageSize } };
............................................................................................

//记录排序历史
//获取路由参数的sortBy排序列和ascending排序方法
//如果没有排序则给路由参数加如该参数
if (!string.IsNullOrEmpty(Request.QueryString["sortBy"]))
{
routeData.Add("sortBy", Request.QueryString["sortBy"]);
}

if (!string.IsNullOrEmpty(Request.QueryString["ascending"]))
{
routeData.Add("ascending", Request.QueryString["ascending"]);
}

...........................................................................................
var htmlAttributes = new Dictionary<string, object>();

看看效果

选择倒叙排列点击下一页

上面的代码看起来不错但是复用性太差，我们进行小小的封装

在前面我们已经建好了一个名为HelperClasses的文件夹

我们在此文件夹中添加一个名为RouteValueDictionaryExtensions的类

代码如下

public static class RouteValueDictionaryExtensions
{
/// <summary>
/// 路由扩展
/// 添加路由历史记录，确保路由字典键与Action参数一致
/// </summary>
/// <param name="dict"></param>
/// <returns></returns>
public static RouteValueDictionary AddQueryStringParameters(this RouteValueDictionary dict)
{
var querystring = HttpContext.Current.Request.QueryString;

foreach (var key in querystring.AllKeys)
if (!dict.ContainsKey(key))
dict.Add(key, querystring.GetValues(key)[0]);
return dict;
}

/// <summary>
/// 路由扩展
/// 从路由字典中移除指定的路由参数
/// </summary>
/// <param name="dict"></param>
/// <param name="keysToRemove"></param>
/// <returns></returns>
public static RouteValueDictionary ExceptFor(this RouteValueDictionary dict, params string[] keysToRemove)
{
foreach (var key in keysToRemove)
if (dict.ContainsKey(key))
dict.Remove(key);
return dict;
}
}

上面的代码可以看出，我们之间为路由创建了扩展方法，来实现对历史路由参数的添加。

既然有了扩展方法，那我们可以把PagerLink.cshtml添加的内容替换为

完整代码

@model MVC3.Grid.Models.EmployeeGridModel
@using MVC3.Grid.HelperClasses;
@{
//文本编写器
var razorWriter = ViewContext.Writer;

//判断当前链接是否选中
if ((bool)ViewData["Inactive"])
{
//将当前的Text输出加入了css样式该样式可以写在样式表、母版页、当前页中
razorWriter.Write(string.Format("<span class=\"{0}\">{1}</span>", "pagerButtonDisabled", ViewData["Text"]));
}
else
{
//路由参数
var routeData = new RouteValueDictionary { { "page", ViewData["PageIndex"].ToString() }, { "pageSize", Model.PageSize } };

////记录排序历史
////获取路由参数的sortBy排序列和ascending排序方法
////如果没有排序则给路由参数加如该参数
//if (!string.IsNullOrEmpty(Request.QueryString["sortBy"]))
//{
// routeData.Add("sortBy", Request.QueryString["sortBy"]);
//}

//if (!string.IsNullOrEmpty(Request.QueryString["ascending"]))
//{
// routeData.Add("ascending", Request.QueryString["ascending"]);
//}

// 添加排序历史参数
routeData.AddQueryStringParameters();

var htmlAttributes = new Dictionary<string, object>();

//判断是否为选中状态添加CSS样式
if ((bool)ViewData["Selected"])
{
htmlAttributes.Add("class", "pagerButtonCurrentPage");
}
else
{
htmlAttributes.Add("class", "pagerButton");
}

var linkMarkup = Html.ActionLink(
ViewData["Text"].ToString(), // 超链接文本
Html.ViewContext.RouteData.Values["action"].ToString(), // Action
Html.ViewContext.RouteData.Values["controller"].ToString(), // Controller
routeData, // 路由参数
htmlAttributes // HTML属性适用于超链接
).ToHtmlString();

razorWriter.Write(linkMarkup);
}
}

运行效果是一样的。。

合并筛选和排序

我们继续看看排序的路由

/?sortBy=EmployeeNO&ascending=True

而筛选的路由则是

/?EmployeeNO=&DepartmentID=1&IsMarital=false

可以看到在筛选的时候完全没有在排序的条件下筛选。

因此我们在筛选的时候，将排序标识隐藏在界面中，只用于读取和传递，这样两个参数就有了。

看SortPageAndFilter.cshtml代码：

...........................................
@using (Html.BeginForm("SortPageAndFilter", "Employee", FormMethod.Get))
{
@Html.Hidden("sortBy", Model.SortBy)
@Html.Hidden("ascending", Model.SortAscending)
<fieldset class="filtering">
<legend>内容筛选</legend>
............................................

效果

选择排序然后使用羊族为关键字筛选

但是这里还是不完美，如果重新排序的话，就又乱了。。

仔细思考思考，原来我们在分页控件里面没有添加分页的历史记录导致分页失效

所以_SmartLink.cshtml完整代码

@model MVC3.Grid.Models.EmployeeGridModel
@using MVC3.Grid.HelperClasses;
@{
//判断传过来的列名是否一致是降序还是升序排列
var isDescending = string.CompareOrdinal(Model.SortBy, ViewData["ColumnName"].ToString()) == 0 && Model.SortAscending;

//路由数据如：Employee/Sortable?sortBy=EmployeeNO&ascending=False
var routeData = new RouteValueDictionary { { "sortBy", ViewData["ColumnName"].ToString() }, { "ascending", !isDescending } };

//添加分页历史记录
routeData.AddQueryStringParameters().ExceptFor("page", "pageSize");

var htmlAttributes = new Dictionary<string, object>();
if (string.CompareOrdinal(Model.SortBy, ViewData["ColumnName"].ToString()) == 0)
{
if (Model.SortAscending)
{
htmlAttributes.Add("class", "sortAsc");//添加css样式
}
else
{
htmlAttributes.Add("class", "sortDesc");
}
}

@Html.ActionLink(
ViewData["DisplayName"].ToString(), // 链接文本
Html.ViewContext.RouteData.Values["action"].ToString(), // Action
Html.ViewContext.RouteData.Values["controller"].ToString(), // Controller
routeData, // 路由数据
htmlAttributes //HTML属性适用于超链接
)
}

继续运行，问题全部得到了解决。

点击编号排序后

大功告成！！！

总结

对于合并功能，其目的还是为了控制路由数据的传递，来应对不断的变化。

下节预告

下节我们试试使用第三方的控件来实现分页等功能。。

本文链接

我要学ASP.NET MVC 3.0（十七）： MVC 3.0 实例之表格中数据的筛选

2011-08-18T01:11:00Z

概述

通过上节的学习，我们知道如何在MVC 3.0应用程序中给简单表格加入排序和分页功能，但是作为开发人员，这些还是不能完美的展现我们的表格的优越性。有时候我们还需要对数据进行筛选处理，然后使用表格进行显示。那么在MVC 3.0中做一个筛选功能又怎么做呢？

这节我们就使用MVC 3.0来筛选数据然后使用表格显示筛选结果。

问题分析

对于我们的数据集来说，我们要求可以通过输入程序编号、选择成员家族（狼和羊）或者通过其他一些标识型字段来如：婚姻状态等方式来筛选数据。

这样一来使用的参数就显而易见了：

①EmployeeNO查询编号：可以通过输入编号来筛选数据。

②DepartmentID家族编号：可以通过选择家族的列表来筛选数据。

③IsMarital婚姻状态：可以通过选择是否结婚来筛选数据。

修改辅助类

修改EmployeeGridModel辅助类

加入一下代码

..................................... /// <summary>
/// 查询条件：查询编号
/// </summary>
public string EmployeeNO { get; set; }
/// <summary>
/// 查询条件：是否婚配
/// </summary>
public bool IsMarital { get; set; }
/// <summary>
/// 查询条件：种族编号
/// 用于绑定DepartmentList
/// </summary>
public int? DepartmentID { get; set; }
/// <summary>
/// 绑定数据库中的种族集合
/// </summary>
public IEnumerable<SelectListItem> DepartmentList { get; set; }

这些属性值，只是作为页面传递和绑定使用的。

创建Action

在EmployeeController添加名为Filterable的方法

该方法包含三个参数employeeNO、departmentID和isMarital

代码如下

public ActionResult Filterable(int? employeeNO, int? departmentID, bool? isMarital = null)
{
var model = new EmployeeGridModel()
{
DepartmentID = departmentID,
EmployeeNO = employeeNO.ToString(),
IsMarital = isMarital.HasValue ? isMarital.Value : false,
DepartmentList = this.DataContext.Department
.OrderBy(o => o.DepartName)
.Select(o =>
new SelectListItem
{
Text = o.DepartName,
Value = o.DepartmentID.ToString()
}
)
};

var filteredResults = this.DataContext.Employee.AsQueryable();

if (employeeNO != null)
filteredResults = filteredResults.Where(o => o.EmployeeNO == employeeNO.ToString());
if (departmentID > 0)
filteredResults = filteredResults.Where(o => o.DepartmentID == departmentID.ToString());
if (isMarital != null && isMarital.Value == true)
filteredResults = filteredResults.Where(o => o.Marital == "1");

model.Employees = filteredResults;

return View(model);
}

首先我们初始化一个辅助类EmployeeGridModel，读取并筛选了数据库中数据之后，为相关属性设置默认值，返回一个辅助类的Employeelist

注意：此处我们的OrderBy可以参照上上篇中的具体操作，这里就不多赘述。

创建视图View

为Filterable的Action添加一个视图View，选择强类型为EmployeeGridModel

修改代码为

@model MVC3.Grid.Models.EmployeeGridModel

@{
ViewBag.Title = "Filterable";
Layout = "~/Views/Shared/_Layout.cshtml";
}

<h2>筛选列表</h2>
@using (Html.BeginForm("Filterable", "Employee", FormMethod.Get))
{
<table border="1" width="100%" style="text-align: center; border-collapse: collapse">
<tr>
<th>编号</th>
<th>姓名</th>
<th>性别</th>
<th>生日</th>
<th>是否婚配</th>
</tr>
@foreach (var item in Model.Employees)
{
<tr>
<td>@item.EmployeeNO</td>
<td>@item.EmployName</td>
<td>@item.Sex</td>
<td>@string.Format("{0:yyyy年MM月dd日}",item.Birthday)</td>
<td>
@if (item.Marital == "1")
{
@:@("是")
}
@if (item.Marital != "1")
{
@:@("否")
}
</td>
</tr>

}
</table>
}

到目前为止，我们的页面基本就做好了，运行起来看看

我们可以看到筛选的条件还没有做，那我们就开始做筛选条件。

创建筛选框

为Filterable.cshtml添加一个div，作为筛选框，里面添加相关条件

<div>
<b>编号：</b>
@Html.TextBoxFor(o => o.EmployeeNO, new { size = 8 })
<b>种族：</b>
@Html.DropDownListFor(o => o.DepartmentID, Model.DepartmentList, "-- 所有分类 --")
<b>是否婚配：</b>
@Html.CheckBoxFor(o => o.IsMarital)
<input type="submit" value="查询" />
</div>

运行起来看看

感觉效果有点丑，美化美化。。。

Filterable.cshtml完整代码

@model MVC3.Grid.Models.EmployeeGridModel

@{
ViewBag.Title = "Filterable";
Layout = "~/Views/Shared/_Layout.cshtml";
}

<h2>筛选列表</h2>
@using (Html.BeginForm("Filterable", "Employee", FormMethod.Get))
{
<fieldset class="filtering">
<legend>内容筛选</legend>
<div>
<b>编号：</b>
@Html.TextBoxFor(o => o.EmployeeNO, new { size = 8 })
<b>种族：</b>
@Html.DropDownListFor(o => o.DepartmentID, Model.DepartmentList, "-- 所有分类 --")
<b>是否婚配：</b>
@Html.CheckBoxFor(o => o.IsMarital)
<input type="submit" value="查询" />
</div>
<table border="1" width="100%" style="text-align: center; border-collapse: collapse">
<tr>
<th>编号</th>
<th>姓名</th>
<th>性别</th>
<th>生日</th>
<th>是否婚配</th>
</tr>
@foreach (var item in Model.Employees)
{
<tr>
<td>@item.EmployeeNO</td>
<td>@item.EmployName</td>
<td>@item.Sex</td>
<td>@string.Format("{0:yyyy年MM月dd日}", item.Birthday)</td>
<td>
@if (item.Marital == "1")
{
@:@("是")
}
@if (item.Marital != "1")
{
@:@("否")
}
</td>
</tr>
}
</table>
</fieldset>
}

在Site.css样式表中添加样式

/* Filtering Styles */
.filtering {
margin: 15px;
padding: 0px 10px 10px 10px;
background-color: #ffc;
}

.filtering legend {
font-weight: bold;
font-size: larger;
}

运行效果

大功告成！！！

总结

作为筛选其实也没有什么特别的难度，只是在辅助类的基础上增加了筛选的字段和选择列表的数据集，然后通过MVC 本事的Get方法指定到Action方法中，传递参数获取筛选结果。显示在界面上。

下节预告

下节我们学习如何将排序和分页做在一起使用，保持在排序的状态下上下页排序不乱，怎么做呢？大家思考思考吧。。

本文链接

我要学ASP.NET MVC 3.0（十六）： MVC 3.0 实例系列之表格数据的分页

2011-08-17T05:34:00Z

概述

上节我们学习了如何在MVC 3应用程序中实现一个简单表格并在表格之中加上了排序的表头，使我们的表格在使用起了更加人性化，这些都是使用了MVC 3.0的相关特性来完成的。

我们在程序中添加了一个辅助类EmployeeGridModel，来显示我们的Grid的数据，包括所有要传递及初始化的数据，在表格排序的时候起到了很大的作用，同样的我们在分页的时候也需要这样的辅助类。

这节我们继续使用MVC的新特性来为Grid中的数据添加分页功能，有了分页功能，表格就不会显得单调，显示起来就更加有美感。

问题分析

通过上节的学习我们知道，在MVC 程序中使用参数可以实现排序，那么我们使用参数怎么实现分页呢？分页有需要那些参数呢？

首先：作为一个表格我们必须知道他总共有多少条数据TotalRecordCount，每页显示几条数据PageSize，这样就确定了表格的总页数PageCount

其次：我们要知道表格中的数据要从哪一页开始索引显示CurrentPageIndex

这样我们就初步把一些参数设想出来了，为了简单期间，我们每页默认显示5条数据，你也可以设置成你想要的值。而数据总条数可以从数据库中得到，

总结后得出参数：

①page当前页：当前表格索引页。

②pageSize每页显示条数：当前表格中显示几条数据。

修改辅助类

修改Model文件夹的EmployeeGridModel类

向类中添加如下代码（以前的代码不变后续功能要使用）

......................................

public EmployeeGridModel()
{
//默认值每页显示5条记录从第1页开始
this.PageSize = 5;
this.CurrentPageIndex = 1;
}

/// <summary>
/// 当前页的索引
/// </summary>
public int CurrentPageIndex { get; set; }
/// <summary>
/// 每页显示的记录条数
/// </summary>
public int PageSize { get; set; }

/// <summary>
/// 总记录条数
/// </summary>
public int TotalRecordCount { get; set; }

/// <summary>
/// 分页总数
/// </summary>
public int PageCount
{
get
{
if (TotalRecordCount % PageSize == 0)
{
return TotalRecordCount / PageSize;
}
else
{
return TotalRecordCount / PageSize + 1;
}
}
}

在这里我们设置了分页默认每页显示5条记录，从第一页开始显示。

创建Action

在EmployeeController添加名为Paged的方法

该方法包含两个参数page和pageSize

代码如下

public ActionResult Paged(int page = 1, int pageSize = 5)
{
var model = new EmployeeGridModel
{
CurrentPageIndex = page,
PageSize = pageSize,
//确定记录总数（才能计算出PageCount页数）
TotalRecordCount = this.DataContext.Employee.Count()
};

// 获取当前页的信息
model.Employees = this.DataContext.Employee
.Skip((model.CurrentPageIndex - 1) * model.PageSize)
.Take(model.PageSize);

return View(model);
}

首先我们初始化一个辅助类EmployeeGridModel，读取了数据库中表的记录条数，为相关属性设置默认值，返回一个辅助类的Employeelist

注意：此处我们的OrderBy可以参照上篇中的具体操作，这里就不多赘述。

创建视图View

为Paged的Action添加一个视图View，选择强类型为EmployeeGridModel

修改代码为

@model MVC3.Grid.Models.EmployeeGridModel

@{
ViewBag.Title = "Paged";
Layout = "~/Views/Shared/_Layout.cshtml";
}

<h2>分页列表</h2>
<p>
<i>总共有 @Model.TotalRecordCount 条记录，每页显示 @Model.PageSize 条</i>
<i>你正在查看的是 @Model.PageCount 页的第 @Model.CurrentPageIndex 页</i>
</p>
<table border="1" width="100%" style="text-align: center; border-collapse: collapse">
<tr>
<th>编号</th>
<th>姓名</th>
<th>性别</th>
<th>生日</th>
<th>是否婚配</th>
</tr>
@foreach (var item in Model.Employees)
{

<tr>
<td>@item.EmployeeNO</td>
<td>@item.EmployName</td>
<td>@item.Sex</td>
<td>@item.Birthday</td>
<td>
@if (item.Marital == "1")
{
@:@("是")
}
@if (item.Marital != "1")
{
@:@("否")
}
</td>
</tr>
}
<tr>
<td colspan="5">
&nbsp
</td>
</tr>
</table>

这样一来，我们的页面基本就算是做好了，运行起来看看

此时我们的表格数据基本已经是完成了的，每页显示5条，从第一页开始，数据都跟数据库完全符合。好下面我们继续来学习如何创建分页控件。

创建分页链接

首先我们看看一般的分页控件是怎么形态

我们可以看到分页控件是由一个一个的分页链接来组成的，每点击一次就有不同的数据筛选出来。

下面我们就创建分页链接

鼠标右击Shared文件夹--新建--视图

新建名为_SmartLink的分部视图

选择强类型视图EmployeeGridModel

修改_SmartLink代码为

@model MVC3.Grid.Models.EmployeeGridModel
@{
//文本编写器
var razorWriter = ViewContext.Writer;

//判断当前链接是否选中
if ((bool)ViewData["Inactive"])
{
//将当前的Text输出加入了css样式该样式可以写在样式表、母版页、当前页中
razorWriter.Write(string.Format("<span class=\"{0}\">{1}</span>", "pagerButtonDisabled", ViewData["Text"]));
}
else
{
//路由参数
var routeData = new RouteValueDictionary { { "page", ViewData["PageIndex"].ToString() }, { "pageSize", Model.PageSize } };

var htmlAttributes = new Dictionary<string, object>();
//判断是否为选中状态添加CSS样式
if ((bool)ViewData["Selected"])
{
htmlAttributes.Add("class", "pagerButtonCurrentPage");
}
else
{
htmlAttributes.Add("class", "pagerButton");
}

var linkMarkup = Html.ActionLink(
ViewData["Text"].ToString(), // 超链接文本
Html.ViewContext.RouteData.Values["action"].ToString(), // Action
Html.ViewContext.RouteData.Values["controller"].ToString(), // Controller
routeData, // 路由参数
htmlAttributes // HTML属性适用于超链接
).ToHtmlString();

razorWriter.Write(linkMarkup);
}
}

上面的代码注意就是判断当前的链接是否被选中，如果选中就执行Action方法添加CSS样式，否则就输出Html内容

然后为Site.css样式表添加一些样式，保证代码的完整性

a.pagerButton, a.pagerButton:visited
{
border: solid 0px black;
padding: 1px;
text-decoration: none;
color: #006;
margin: 0px 1px 0px 1px;
}

a.pagerButton:hover
{
border: solid 1px red;
color: Black;
}

a.pagerButtonCurrentPage
{
border: solid 1px #00a;
padding: 1px;
text-decoration: none;
color: White;
background-color: #006;
margin: 0px 1px 0px 1px;
}

.pagerButtonDisabled
{
border: none;
color: #999;
padding: 1px;
}

这样一个分页连接就做好了，如果选择某一页的话就会根据路由参数去匹配分页

//路由参数
var routeData = new RouteValueDictionary { { "page", ViewData["PageIndex"].ToString() }, { "pageSize", Model.PageSize } };

但是仅仅有了分页链接还是不够的，分页连接是一个一个单独的，我们需要把他做成一个列表形式的控件

好下面我们就来创建分页控件。

创建分页控件

鼠标右击Shared文件夹--新建--视图

命名为_Pager，创建为EmployeeGridModel的强类型视图，选择分部视图，以便主页能调用他。

修改_Pager代码如下

@model MVC3.Grid.Models.EmployeeGridModel
<div>
@{
// 创建上一页链接
Html.RenderPartial("_PagerLink", Model,
new ViewDataDictionary {
{ "Text", "上一页" },
{ "PageIndex", Model.CurrentPageIndex - 1 },
{ "Selected", false },
{ "Inactive", Model.CurrentPageIndex == 1 }
});

//获取第一页和最后一页
var startPageIndex = Math.Max(1, Model.CurrentPageIndex - Model.PageCount / 2);
var endPageIndex = Math.Min(Model.PageCount, Model.CurrentPageIndex + Model.PageCount / 2);
// 添加中间的页码如：上一页 1 2 3 4 下一页
for (var i = startPageIndex; i <= endPageIndex; i++)
{
Html.RenderPartial("_PagerLink", Model,
new ViewDataDictionary {
{ "Text", i },
{ "PageIndex", i },
{ "Selected", i == Model.CurrentPageIndex },
{ "Inactive", i == Model.CurrentPageIndex }
});
}

// 创建下一页
Html.RenderPartial("_PagerLink", Model,
new ViewDataDictionary {
{ "Text", "下一页" },
{ "PageIndex", Model.CurrentPageIndex + 1 },
{ "Selected", false },
{ "Inactive", Model.CurrentPageIndex == Model.PageCount }
});
}
</div>

从上面的代码可以看出，我们的分页控件完全是由分页链接组成的，第一页和最后一页分部写了，中间的使用了遍历读取所有的分页。

给每个分页链接添加了参数，确保他们在_PagerLink中能够使用CSS及调用Action方法。

这样我们的一个简单的分页控件就做好了。下面我们要调用分页控件了。。

为Grid添加分页控件

回到我们Paged.cshtml，我们在最后的合并行添加一个分页控件，来完成我们表格的分页。

将空格改为调用_Pager即可。

<tr>
<td colspan="5">
@Html.Partial("_Pager", Model)
</td>
</tr>

运行效果

我们点击上下页，功能已经完成。

唯一的缺憾是我们的控件，在最后一页的时候就会缺少几行，有点丑。

我们可以对他进行美化填充

Paged.cshtml完整代码：

@model MVC3.Grid.Models.EmployeeGridModel
@{
ViewBag.Title = "Paged";
Layout = "~/Views/Shared/_Layout.cshtml";
int i = 0;
}

<h2>分页列表</h2>
<p>
<i>总共有 @Model.TotalRecordCount 条记录，每页显示 @Model.PageSize 条</i>
<i>你正在查看的是 @Model.PageCount 页的第 @Model.CurrentPageIndex 页</i>
</p>
<table border="1" width="100%" style="text-align: center; border-collapse: collapse">
<tr>
<th>编号</th>
<th>姓名</th>
<th>性别</th>
<th>生日</th>
<th>是否婚配</th>
</tr>
@foreach (var item in Model.Employees)
{
<tr>
<td>@item.EmployeeNO</td>
<td>@item.EmployName</td>
<td>@item.Sex</td>
<td>@string.Format("{0:yyyy年MM月dd日}",item.Birthday)</td>
<td>
@if (item.Marital == "1")
{
@:@("是")
}
@if (item.Marital != "1")
{
@:@("否")
}
</td>
</tr>
i++;
}
@if (i < 5)
{
while (i < Model.PageSize)
{
i++;
<tr>
<td colspan="5">&nbsp</td>
</tr>
}
}
<tr>
<td colspan="5">
@Html.Partial("_Pager", Model)
</td>
</tr>
</table>

美化效果

大功告成！！！

总结

MVC的分页控件，实际就是多个分页链接控件的组成，通过循环遍历等手段，将页数转换为分页连接，然后给每个链接指定Action的参数值，调用相应的Action操作方法，返回读取的数据集。这种方式虽然复杂，但是重用性很高，如果加以封装可以在任意程序中使用。

下节预告

下节我们将学习如何使用MVC原理来实现表格中数据的筛选

本文链接

我要学ASP.NET MVC 3.0（十五）： MVC 3.0 实例系列之表格的排序

2011-08-16T00:47:00Z

概述

上节我们学习了如何在MVC应用程序中实现一个简单表格，并使用Linq to sql映射工具，读取了数据库中的Employee表数据对表格进行了填充，还对日期及相关数据进行了格式化。使得表格在整体上看起来美观了不少。

从这节开始，我们就使用MVC不断的加深对Grid的改造工作，包括对Grid中数据的排序、筛选、分页等比较困难的操作。

这节我们先从排序开始。通过这节学习，我们就可以给普通的表格加上复杂的排序功能，使表格在使用起来显得更加人性化。

问题分析

在MVC程序中很多功能都是通过传递参数来实现的，同样的实现排序功能也可以采用这种理念，那么我们要传递那些参数呢？

①SortBy列名称：显示用户是通过那个列来排序的。

②ascending排序标识：显示要排序的列名是升序还降序排列。

创建辅助类

右击Model文件夹--新建--类--EmployeeGridModel

代码如下

public class EmployeeGridModel
{
public IEnumerable<Employee> Employees { get; set; }

/// <summary>
/// 数据库列的名称，通过它对数据进行排序
/// </summary>
public string SortBy { get; set; }
/// <summary>
/// 一个布尔值，指示是否升序排序数据
/// </summary>
public bool SortAscending { get; set; }

/// <summary>
/// 一个只读属性，返回一个排序的值的字符串SortBy SortAscending属性
/// </summary>
public string SortExpression
{
get
{
return this.SortAscending ? this.SortBy + " desc" : this.SortBy + " asc";
}
}
}

因为我们的排序sql语句为

select * from dbo.Employee order by EmployeeNo asc　

所以上面出现了SortExpression的属性，只是为排序的列名后面自动加上了升序和降序的标识，希望大家不要误解。

该类包含一个Employee的list，在界面上可以根据该list绑定数据列表。

创建Action

在EmployeeController添加名为Sortable的方法

该方法包含两个参数ascending和SortBy

代码如下

public ActionResult Sortable(bool? ascending, string sortBy = "EmployeeNO")
{
var model = new EmployeeGridModel()
{
SortBy = sortBy,
SortAscending = ascending.GetValueOrDefault(),
Employees = DataContext.Employee
};

model.Employees = DataContext.Employee.OrderBy(model.SortExpression);

return View(model);
}

首先我们初始化一个辅助类EmployeeGridModel，为相关属性设置默认值，返回一个辅助类的Employeelist

注意：此处我们的OrderBy是微软实例里面提供的一个封装类，可以在这里下载，然后在项目中创建一个HelperClasses文件夹放进去

你也可以前往微软官网下载完整实例进行下载

创建视图View

为Sortable的Action添加一个视图View，选择强类型为EmployeeGridModel

修改代码为

@model MVC3.Grid.Models.EmployeeGridModel

@{
ViewBag.Title = "Sortable";
Layout = "~/Views/Shared/_Layout.cshtml";
}

<h2>排序列表</h2>

<table border="1" width="100%" style="text-align:center;border-collapse:collapse">
<tr>
<th>编号</th>
<th>姓名</th>
<th>性别</th>
<th>生日</th>
<th>是否婚配</th>
</tr>
@foreach (var item in Model.Employees)
{

<tr>
<td>@item.EmployeeNO</td>
<td>@item.EmployName</td>
<td>@item.Sex</td>
<td>@string.Format("{0:yyyy年MM月dd日}", item.Birthday)</td>
<td>
@if (item.Marital == "1")
{
@:@("是")
}
@if(item.Marital!="1")
{
@:@("否")
}
</td>
</tr>

}

</table>

到目前为止，我们的页面基本就做好了，运行起来看看

看了效果之后，你会发现这和前面的没有什么区别啊，呵呵，要排序必须有数据，没有数据排序从何谈起？好！排序马上进行。

添加排序头

结合上图我们设想一下，要实现排序是不是要点击编号或者姓名，然后在根据所点击的列进行排序呢，那么我们怎么样才能把这个头标题，变成一个能排序的头标题呢？

那就是使用自定义控件。

右击Shared文件夹--新建视图--命名为_SmartLink

注意：

选择强类型视图，模型为EmployeeGridModel

创建为分部视图。这样其他页面就可以调用他了。大概这就是所谓的自定义控件吧。(*^__^*) 嘻嘻

添加了分部视图之后，生成一段代码，只是单单作为Model的命名空间，其他的逻辑代码都没有写，我们需要在这个基础上面修改他。

添加下面的代码

@model MVC3.Grid.Models.EmployeeGridModel
@{
//判断传过来的列名是否一致是降序还是升序排列
var isDescending = string.CompareOrdinal(Model.SortBy, ViewData["ColumnName"].ToString()) == 0 && Model.SortAscending;

//路由数据如：Employee/Sortable?sortBy=EmployeeNO&ascending=False
var routeData = new RouteValueDictionary { { "sortBy", ViewData["ColumnName"].ToString() }, { "ascending", !isDescending } };

var htmlAttributes = new Dictionary<string, object>();
if (string.CompareOrdinal(Model.SortBy, ViewData["ColumnName"].ToString()) == 0)
{
if (Model.SortAscending)
{
htmlAttributes.Add("class", "sortAsc");//添加css样式
}
else
{
htmlAttributes.Add("class", "sortDesc");
}
}

@Html.ActionLink(
ViewData["DisplayName"].ToString(), // 链接文本
Html.ViewContext.RouteData.Values["action"].ToString(), // Action
Html.ViewContext.RouteData.Values["controller"].ToString(), // Controller
routeData, // 路由数据
htmlAttributes //HTML属性适用于超链接
)
}

可以在Site.css中添加如下样式

a.sortAsc {
padding-right: 16px;
background-image: url(up.png);
background-position: right;
background-repeat: no-repeat;
}

a.sortDesc {
padding-right: 16px;
background-image: url(down.png);
background-position: right;
background-repeat: no-repeat;
}

这样一来，一个排序的自定义控件就做好了，我们怎么在页面上引用他呢？

将头标题换为我们的自定义控件即可。将当前的EmployeeGridModel传递过去，通过访问后返回到界面

修改Sortable.cshtml代码

<table border="1" width="100%" style="text-align:center;border-collapse:collapse">
<tr>
<th>@Html.Partial("_SmartLink", Model, new ViewDataDictionary { { "ColumnName", "EmployeeNO" }, { "DisplayName", "编号" } }) </th>
<th>@Html.Partial("_SmartLink", Model, new ViewDataDictionary { { "ColumnName", "EmployName" }, { "DisplayName", "姓名" } }) </th>
<th>性别</th>
<th>生日</th>
<th>是否婚配</th>
</tr>
..................

运行效果

大功告成！！！

总结

对于Grid的排序，我们就是利用了MVC的分部视图来实现的，通过对RouteValueDictionary数据字典的控制，来实现数据的传递，调用Controller中的Action方法。

下节预告

下节我们继续学习使用多个分部视图来实现分页控件，大家可以先想想怎么做。

本文链接

我要学ASP.NET MVC 3.0（十四）： MVC 3.0 实例系列之创建数据表格

2011-08-15T03:16:00Z

概述

在ASP.NET MVC里面微软并没有给我们提供像GridView表格之类的控件，但是作为web开发人员表格数据显示是我们面临的常见任务之一，从这节开始我们就一步一步学习如何在基于Razor引擎的ASP.NET MVC页面中实现像GridView一样的表格，并且实现表格中的排序、分页、筛选等功能，便于我们更好的理解和使用ASP.NET MVC。

简介

在ASP.NET WebForms中微软为我们提供了GridView控件，而且控件中提供了一种快速简便的方法来显示表格中的数据集，并提供排序，分页，编辑，删除等一些额外的功能。我们知道在ASP.NET WebForms页面加载时，GridView会自动呈现为一个<TABLE>元素，使我们不必编写任何html标记，只专注于GridView中检索数据和绑定数据。然而，在ASP.NET MVC应用程序，开发人员必须手动完成View视图标记，如果开发类似WebForms中的GridView表格，是不是感觉有点头痛。

从这篇文章开始，我们就探讨如何在ASP.NET MVC应用程序中显示表格数据。然后我们逐渐扩张一步一步完成表格中复杂的功能，包括排序，分页，筛选等增强型功能。

废话不多说了，让我们创建一个ASP.NET MVC应用程序，看看如何在一个网页中以表格的形式显示数据库记录。

创建解决方案

新建一个基于MVC 3.0框架，名为MVC3.Grid的解决方案

选择空白解决方案，视图引擎选择Razor引擎，暂时不生成测试框架。

解决方案创建成功

创建Model

对于Model，我们可以选择使用自定义的几条模拟数据，也可以选择数据库作为基础数据。

此时我们选择Linq to Sql 作为数据模型

鼠标右击Model文件夹--添加新项目

新建Linq to Sql数据模型

点击添加后，我们可以在服务器资源管理器中，新建与数据的连接

提供一下例子中Employee和Department两张表的设计

DepartmentID是个int型的自动增长列

DepartmentID是外键

拖拽出两张表，此处我们主要以Employee和Department两张表作为例子，这两张表以DepartmentID作为外键连接

注意：后面例子中界面上的属性只选取其中几个作为例子。

重新生成解决方案，看看我们的项目是否成功。

创建Controller

首先，我们为了能将数据重复使用，做一个简单的Controller基类，命名为BaseController

该基类里面，负责与数据库进行通讯。

这样做仅仅是为了做该例子时，获取数据方便，没有考虑其他因素，希望不要纠结与此，谢谢。

该基类的代码如下

public class BaseController : Controller
{
private ModelDataContext _DataContext = null;
protected ModelDataContext DataContext
{
get
{
if (_DataContext == null)
_DataContext = new ModelDataContext();

var options = new DataLoadOptions();
options.LoadWith<Employee>(p => p.EmployeeNO);
_DataContext.LoadOptions = options;

return _DataContext;
}
}

}

继续创建一个名为EmployeeController的控制器，该控制器继承于上面的BaseController基类

创建成功后，控制器默认给出了Index方法

我们可以修改修改，让该Index方法返回一个List<Employee>

代码如下：

public class EmployeeController : BaseController
{
//
// GET: /Employee/

public ActionResult Index()
{
var list = this.DataContext.Employee;
return View(list);
}

}

创建视图View

我们针对于Index方法创建视图

选择基于Razor引擎的视图，选择创建强类型视图

模型类为我们Linq to Sql 创建生成的Employee

点击添加

修改视图代码如下

@model IEnumerable<MVC3.Grid.Models.Employee>

@{
ViewBag.Title = "Index";
Layout = "~/Views/Shared/_Layout.cshtml";
}

<h2>成员列表</h2>

<table border="1" width="100%" style="text-align:center;border-collapse:collapse">
<tr>
<th>编号</th>
<th>姓名</th>
<th>性别</th>
<th>生日</th>
<th>是否婚配</th>
</tr>
@foreach (var item in Model)
{

<tr>
<td>@item.EmployeeNO</td>
<td>@item.EmployName</td>
<td>@item.Sex</td>
<td>@string.Format("{0:yyyy年MM月dd日}", item.Birthday)</td>
<td>
@if (item.Marital == "1")
{
@:@("是")
}
@if(item.Marital!="1")
{
@:@("否")
}
</td>
</tr>

}

</table>

修改Global.asax默认主页为Employee

点击运行

可以看到，目前为止，一个标准的表格已经完成。

总结

表格的呈现形式是在遍历list的时候，根据list集合的行数生成的table.tr，根据list中每一项的属性来生成table.td

下节预告

下节开始我们就要，给这个基本的表格头上面加上排序功能。大家可以想想该怎么做呢？

本文链接