WEB开发网
开发学院网页设计JavaScript JQuery构建客户/服务分离的链接模型中Table中的排... 阅读

JQuery构建客户/服务分离的链接模型中Table中的排序分析

 2010-01-21 00:00:00 来源:WEB开发网   
核心提示:从上篇文章,我们实现了Table分页代码的高效性,JQuery构建客户/服务分离的链接模型中Table中的排序分析,咱们继续沿着这个思路,探讨Table表格数据中另外一个很常见的排序问题,而默认比较器就达不到这种精准的控制),注:这里并未采用在数据库上进行排序,说到排序,我记得在asp.net中 GridView中提供

从上篇文章,我们实现了Table分页代码的高效性,咱们继续沿着这个思路,探讨Table表格数据中另外一个很常见的排序问题。说到排序,我记得在asp.net中 GridView中提供了这样的方便,只需在展示字段上加上 Sorting 这样的属性,基本就完成了,剩下就是服务端cs代码的写法了。但在这个模型中,由于不能利用这些控件,我们需要借助纯Javascript和html静态代码来实现,感觉好像挺麻烦的?其实呢......

分页代码既然由Webservice接口服务端中间层处理好回传回来,那么我们的排序代码也可以这样的,只是在回传前进行排序就ok了,下面就分析一下。

看过上篇的文章,可以知道在Webservice接口服务端中间层处理数据是操纵泛型的List对象

List<TB_WEB_NZ_INVESTMENT> list = new List<TB_WEB_NZ_INVESTMENT>();             
list = objBusinessFacade.GetTB_WEB_NZ_INVESTMENT_CollectionByFlowID(FlowID);
return new JavaScriptSerializer().Serialize(list);

那么我们的排序代码就嵌在 蓝色行 和 红色行 之间。

如何排序呢?List这个对象里面有个Sort()方法

JQuery构建客户/服务分离的链接模型中Table中的排序分析

查看原图(大图)

显然我们不能使用默认比较器来进行排序,因为如果这样就达不到目的(我们需要在页面点击某列就按该列进行排序,而默认比较器就达不到这种精准的控制),注:这里并未采用在数据库上进行排序,为什么?因为通过List泛型对象可以处理的事情就没必要又要通过数据库来解决。

编缉推荐阅读以下文章

  • JQuery构建客户/服务分离的链接模型中Table分页代码效率初探

1 2 3 4  下一页

Tags:JQuery 构建 客户

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接