function pages(Num) { stylesheet=document.XSLDocument; source=document.XMLDocument; nodes=source.documentElement.childNodes; len=nodes.length; for(i=1;i<=(len/OnePageNum);i++); XMLPageNum=i; var firstNum=0; var lastNume=0; if (Num=="first") {PageNum=1;} if (Num=="previous") {if (PageNum>1) PageNum -=1;} if (Num=="next") {if (PageNum<XMLPageNum) PageNum +=1;} if (Num=="last") {PageNum =XMLPageNum;} sortField=document.XSLDocument.selectSingleNode("//@expr"); firstNum=OnePageNum*(PageNum-1)+1; lastNum=OnePageNum*(PageNum-1)+OnePageNum; text="childnumber(this)>="+firstNum+" & childnumber(this)<="+lastNum; sortField.value=text; Layer1.innerHTML=source.documentElement.transformNode(stylesheet); } ]]> </xsl:comment> </script></head>
<body><p align="center"><span>XML卷之实战锦囊（3）：动态分页</span></p> <table align="center" width="500" > <tr> <td> <button id="cmdfirstPage" class="keybutton" onclick="pages('first');" >首页</button> <button id="cmdpreviousPage" class="keybutton" onclick="pages('previous');" >上一页</button><button id="cmdnextPage" class="keybutton" onclick="pages('next');">下一页</button> <button id="cmdlastPage" class="keybutton" onclick="pages('last');">尾页</button> </td> </tr> </table> <div id="Layer1" name="Layer1"> <xsl:apply-templates select="BlueIdea" /></div> </body>
</html></xsl:template><xsl:template match="BlueIdea"><table width="500" border="1" align="center" cellpadding="1" cellspacing="1" bordercolordark="#ffffff" bordercolorlight="#ADAAAD"><tr bgcolor="#FFCC99" align="center"><td>编号</td><td>姓名</td><td>主题</td><td>发表时间</td><td>归类</td></tr><xsl:apply-templates select="team" order-by="blue_ID"/></table></xsl:template><xsl:template match="team"><xsl:if expr="childnumber(this)>=1 & childnumber(this)<=2 "><tr align="center"><xsl:apply-templates select="blue_ID" /><xsl:apply-templates select="blue_name" /><xsl:apply-templates select="blue_text" /><xsl:apply-templates select="blue_time" /><xsl:apply-templates select="blue_class" /></tr></xsl:if> </xsl:template><xsl:template match="blue_ID"><td bgcolor="#eeeeee"><xsl:value-of /></td></xsl:template><xsl:template match="blue_name"><td><xsl:value-of /></td></xsl:template><xsl:template match="blue_text"><td><xsl:value-of /></td></xsl:template><xsl:template match="blue_time"><td><xsl:value-of /></td></xsl:template><xsl:template match="blue_class"><td><xsl:value-of /></td></xsl:template></xsl:stylesheet>
1）search.xml 是数据文件，相信大家都不会有问题。2）search.xsl 是格式文件，有几个地方要注意。
（1）脚本中：nodes=source.documentElement.childNodes;作用是：找到所有的节点。nodes.length就是符合条件的总节点数
sortField=document.XSLDocument.selectSingleNode("//@expr");作用是：找到有属性为expr的第一个节点，因此它对应的节点就是<xsl:if expr="childnumber(this)>=1 & childnumber(this)<=2 ">因此在初次onLoad的时候expr的value值是childnumber(this)<=1 & childnumber(this)>=2关于 > < 大家可能熟悉多了。那&是什么呢？ 它就是“与”了.大家可以在XML的书中找到其它的一些。
参数说明：OnePageNum：每页显示的数据数PageNum：当前页数XMLPageNum：总页数firstNum:当前页的第一条数据值lastNum：当前页的最后一条数据值
（2）文本中：<xsl:if expr="childnumber(this)>=1 & childnumber(this)<=2 ">在分页中我们需要输出合适的数据，，因此我们用一个 if 判断条件来控制。在初始的时候我们要求只输出最前的两个节点的数值。childnumber(this)作用：返回当前节点在它的上级节点列表中的编号，列表中的第一个节点默认编号为1。在分页中我们就是根据节点的编号来判断它属于第几页。expr不知道大家发现没有，前两次我们用到的都是 test ,可这个我们用的却是expr。它们之间有一定的区别，用法也不相同。expr ── 脚本语言表达式，计算结果为"真"或"假"；如果结果为"真"，且通过test，则在输出中显示其中内容（可省略此项属性）。 test ── 源数据测试条件。 <button id="cmdfirstPage" class="keybutton" onclick="pages('first');" >首页</button> 作用是让数据回到最前一页。其它按钮的作用类似。
补充一点： XML例子文件的使用方法
账号登录
关闭窗口
打印文档