试想,如果把分页的功能放到客户端,那会产生什么样的效果呢?呵呵,看看下面的设计吧! 。
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
XML卷之实战锦囊(3):动态分页 body,BlueIdea,team,blue_ID,blue_name,blue_text,blue_time,blue_class{ font: 12px "宋体", "Arial", "Times New Roman"; } table { font-size: 12px; border: 0px double; border-color: #99CC99 #99CC99 #CCCCCC #CCCCCC; cellpadding:3;cellspacing:3; bgcolor:#eeeeee; text-decoration: blink} span { font-size: 12px; color: red; }.keybutton { cursor:hand; font-size: 12px; color: #003300; background: #ffffff; border: 0px solid;} <![CDATA[ var OnePageNum=2; var PageNum=1; var XMLPageNum=1; function pages(Num) { stylesheet=document.XSLDocument; source=document.XMLDocument; nodes=source.documentElement.childNodes; len=nodes.length; for(i=1;i1) PageNum -=1;} if (Num=="next") {if (PageNum="+firstNum+" & childnumber(this)<="+lastNum; sortField.value=text; Layer1.innerHTML=source.documentElement.transformNode(stylesheet); } ]]>XML卷之实战锦囊(3):动态分页
编号 | 姓名 | 主题 | 发表时间 | 归类 |
讲解:
1)search.xml 是数据文件,相信大家都不会有问题。
2)search.xsl 是格式文件,有几个地方要注意。
(1)脚本中:
nodes=source.documentElement.childNodes;
作用是:找到所有的节点。nodes.length就是符合条件的总节点数
sortField=document.XSLDocument.selectSingleNode(“//@expr”);
作用是:找到有属性为expr的第一个节点,因此它对应的节点就是
因此在初次onLoad的时候expr的value值是
childnumber(this)=2
关于 > < 大家可能熟悉多了。那&是什么呢? 它就是“与”了.
大家可以在XML的书中找到其它的一些。
参数说明:
OnePageNum:每页显示的数据数
PageNum:当前页数
XMLPageNum:总页数
firstNum:当前页的第一条数据值
lastNum:当前页的最后一条数据值
(2)文本中:
在分页中我们需要输出合适的数据,,因此我们用一个 if 判断条件来控制。
在初始的时候我们要求只输出最前的两个节点的数值。
childnumber(this)
作用:返回当前节点在它的上级节点列表中的编号,列表中的第一个节点默认编号为1。
在分页中我们就是根据节点的编号来判断它属于第几页。
expr
不知道大家发现没有,前两次我们用到的都是 test ,可这个我们用的却是expr。
它们之间有一定的区别,用法也不相同。
expr ── 脚本语言表达式,计算结果为”真”或”假”;如果结果为”真”,且通过test,则在输出中显示其中内容(可省略此项属性)。
test ── 源数据测试条件。
作用是让数据回到最前一页。其它按钮的作用类似。
补充一点: XML例子文件的使用方法
1)将每个例子里的两个文件按照文件名分别保存。
2)用浏览器浏览XML文件即可。这是你会看到效果,应该不错吧!