首页  ·  知识 ·  前端
XML卷之实战锦囊(3):动态分页
佚名  http://www.cncsk.com    编辑:dezai  图片来源:网络
动机: 为了方便用户查看大批量数据,我们会用到动态分页,因此分页功能是我们在网站上见过的最普遍也是最常用的一个功能模块了。而以往的信息分页都是

动机:
为了方便用户查看大批量数据,我们会用到动态分页,因此分页功能是我们在网站上见过的最普遍也是最常用的一个功能模块了。而以往的信息分页都是连接到数据库的,每一次点击都必须要后台数据库的支持。这样不但服务器的负担加重,而且严重的影响用户浏览的速度.
试想,如果把分页的功能放到客户端,那会产生什么样的效果呢?呵呵,看看下面的设计吧! 。

材料:
XML卷之动态分页
有2个文件:pages.xml 和 pages.xsl

作用:
把分页的功能放到客户端。在不刷新页面的情况下对数据进行过滤筛选,有效的提高浏览数据功能的效率。 
效果:
浏览这里 
代码:
pages.xml



 
    1
    Sailflying
    一个简单的分页
    2002-1-11 17:35:33
    XML专题
 

 
    2
    flyingbird
    嫁给你,是要你疼的
    2001-09-06 12:45:51
    灌水精华
 

 
    3
    苛子
    正则表达式在UBB论坛中的应用
    2001-11-23 21:02:16
    Web 编程精华
 

 
    4
    太乙郎
    年末经典分舵聚会完全手册 v0.1
    2000-12-08 10:22:48
    论坛灌水区
 

 
    5
    mmkk
    Asp错误信息总汇
    2001-10-13 16:39:05
    javascript脚本
 


 

pages.xsl

http://www.w3.org/TR/WD-xsl">



XML卷之实战锦囊(3):动态分页



XML卷之实战锦囊(3):动态分页






[page]


















编号姓名主题发表时间归类







































 


讲解:
1)search.xml 是数据文件,相信大家都不会有问题。
2)search.xsl 是格式文件,有几个地方要注意。
 
(1)脚本中:

nodes=source.documentElement.childNodes;
作用是:找到所有的节点。nodes.length就是符合条件的总节点数

sortField=document.XSLDocument.selectSingleNode("//@expr");
作用是:找到有属性为expr的第一个节点,因此它对应的节点就是

因此在初次onLoad的时候expr的value值是
childnumber(this)<=1 & childnumber(this)>=2
关于 > < 大家可能熟悉多了。那&是什么呢? 它就是“与”了.
大家可以在XML的书中找到其它的一些。

 

参数说明:
OnePageNum:每页显示的数据数
PageNum:当前页数
XMLPageNum:总页数
firstNum:当前页的第一条数据值
lastNum:当前页的最后一条数据值


(2)文本中:


在分页中我们需要输出合适的数据,,因此我们用一个 if 判断条件来控制。
在初始的时候我们要求只输出最前的两个节点的数值。

childnumber(this)
作用:返回当前节点在它的上级节点列表中的编号,列表中的第一个节点默认编号为1。
在分页中我们就是根据节点的编号来判断它属于第几页。
expr
不知道大家发现没有,前两次我们用到的都是 test ,可这个我们用的却是expr。
它们之间有一定的区别,用法也不相同。
expr ── 脚本语言表达式,计算结果为"真"或"假";如果结果为"真",且通过test,则在输出中显示其中内容(可省略此项属性)。
test ── 源数据测试条件。


作用是让数据回到最前一页。其它按钮的作用类似。

 

补充一点: XML例子文件的使用方法

1)将每个例子里的两个文件按照文件名分别保存。
2)用浏览器浏览XML文件即可。这是你会看到效果,应该不错吧! 

本文作者:佚名 来源:http://www.cncsk.com
CIO之家 www.ciozj.com 微信公众号:imciow
    >>频道首页  >>网站首页   纠错  >>投诉
版权声明:CIO之家尊重行业规范,每篇文章都注明有明确的作者和来源;CIO之家的原创文章,请转载时务必注明文章作者和来源;
延伸阅读