现在的位置: 首页 > 综合 > 正文

用js实现分页功能以及利用xml实现分页功能——数据岛

2014年02月14日 ⁄ 综合 ⁄ 共 18007字 ⁄ 字号 评论关闭

对于数据显示的分页,现在大多是直接通过数据库的动态读取来控制分页,这种方式相比js分页来说,效率低下。采用js分页,能够很好的控制数据的显示。目前大多是采用先预取全部的结果集,然后根据当前页数(page)因子,来确定当前应该显示(display)哪些项,同时隐藏其他项。这里就是下面一种典型的用法:

这种方式,当图片不多还好,一旦太多,处理起来也是相当耗时的。

 

=================================传说中的分割线=================================

 

除了这种js的分页方式,在html中还可以采用XML的方式来设计分页功能。

下面看下下面这段代码:

你可以运行看看,程序很简单,就是简单的定义了一个XML格式的文档,然后table就从这个xml中进行读取。当然,这个XML不一定非要在HTML中实现,你可以利用下面这个进行引入:

这样你就可以在table中定义自己的样式了,比如设置DATAPAGESIZE等,能够很好的实现分页功能。这里缺少总共页数,和跳跃,因此细节性的其实是可以进一步完善的。
如果想获得这个表中某一行的值,可以用下面一行代码实现:
简单吧,呵呵。
注意到,以上例子仅显示了两列,这是由两个方面同时决定的,一是table中td所表示的列数,二是每一个user对应的子项的数目(这里考虑每一项仅取一次)。
另外介绍一下链接和图片是如何插入到表格中的。
要从XML中取得数据,需要采用datafld来获取对应字段内容填充进去。
 
下面给一个相对比较完善的分页指示的例子:
这个已经包含了第一页、上一页、下一页和最后一页了。
形如[1][2]...这样的分页:
 
 
以上部分例子来自网上,本人结合个人开发经验进行了一下总结和补充。有人有更好的实现方式或更美观的都可以跟帖共享,谢谢。
【上篇】
【下篇】

抱歉!评论已关闭.