满分求救XSL分页、排序问题，高手快快来啊

wd_terry 2006-01-06 09:24:05

XML文件：
<?xml version="1.0" encoding="GB2312"?>
<?xml-stylesheet type="text/xsl" href="okxrpic.xsl"?>
<okxrpic>
<pic>
<id>1</id>
<name>测试</name>
<type>mxxz</type>

<urls>
<url>images/1.gif</url>
<url>images/2.gif</url>
</urls>
</pic>

<replys>
<reply>

<replyid>1</replyid>

<username>ghb</username>

<picid>1</picid>
<replytime>2005-12-10</replytime>
<content>回复测试</content>
<replyip>127.0.0.1</replyip>
</reply>
<reply>

<replyid>2</replyid>

<username>ghb</username>

<picid>1</picid>
<replytime>2005-12-10</replytime>
<content>回复测试2</content>
<replyip>127.0.0.1</replyip>
</reply>
<reply>

<replyid>3</replyid>

<username>ghb</username>

<picid>1</picid>
<replytime>2005-12-10</replytime>
<content>回复测试3</content>
<replyip>127.0.0.1</replyip>
</reply>
<reply>

<replyid>4</replyid>

<username>ghb</username>

<picid>1</picid>
<replytime>2005-12-10</replytime>
<content>回复测试4</content>
<replyip>127.0.0.1</replyip>
</reply>
<reply>

<replyid>5</replyid>

<username>ghb</username>

<picid>1</picid>
<replytime>2005-12-10</replytime>
<content>回复测试4</content>
<replyip>127.0.0.1</replyip>
</reply>
</replys>
</okxrpic>

我想提取okxrpic/replys下的内容分页显示，在网上早到如下JS分页函数，但它是对根节点下的元素分页，怎么改成对特定子目录（okxrpic/replys)下的元素分页呢？
//XML分页
function pages(Num)
{
var OnePageNum=2;
var PageNum=1;
var XMLPageNum=1;
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);
alert("长度:"+len+"num:"+Num+"sortfield:"+text+"html:"+Layer1.innerHTML);
}

...全文

193 11 打赏收藏转发到动态举报

写回复

用AI写文章

11 条回复

切换为时间正序

请发表友善的回复…

发表回复

ssm1226 2006-01-06

打赏
举报

简单例子:

index.htm:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title></title>
<meta name="GENERATOR" content="Microsoft Visual Studio .NET 7.1">
<meta name=ProgId content=VisualStudio.HTML>
<meta name=Originator content="Microsoft Visual Studio .NET 7.1">
<SCRIPT language="javascript">
var xmltemplate;
var xmldoc=new ActiveXObject('MSXML2.DOMDocument');
var xsldoc=new ActiveXObject('MSXML2.FreeThreadedDOMDocument');
var iCount=0;
var iPageNo=1;
var iPageCount=0;
var iPageSize=3;

//初始化...
function init()
{
xmldoc.async = false;
xmldoc.load('csdn.xml');
var oNodeList=xmldoc.selectNodes("//reply");
iCount=oNodeList.length;

if(iCount>0)
iPageCount = Math.ceil(iCount / iPageSize);

info.innerHTML="总数据:" + iCount + " 总页数:" + iPageCount;

xsldoc.async = false;
xsldoc.load('csdn.xsl');
xmltemplate = new ActiveXObject("Msxml2.XSLTemplate");
xmltemplate.stylesheet = xsldoc;

show(0);
}

function show(pageno)
{

var objXSLTProc = xmltemplate.createProcessor();
objXSLTProc.input = xmldoc;
objXSLTProc.addParameter("pageno",iPageNo, "");
objXSLTProc.addParameter("pagesize",iPageSize, "");

objXSLTProc.transform();
oDiv.innerHTML = objXSLTProc.output;
}
function toPage(f){
iPageNo=iPageNo + f;
if(iPageNo<1){alert('已经是第一页了!');iPageNo=1; return;};
if(iPageNo>iPageCount) {alert('已经是最后一页了');iPageNo=iPageCount;return;};
show(iPageNo);
}
</SCRIPT>
</head>
<body onload="init()">
<div id=info></div>
<a href='#' onclick='toPage(-1)'>上页</a> <a href='#' onclick='toPage(1)'>下页</a>
<div id='oDiv'>loading...</div>
</body>
</html>

csdn.xml

你的xml文件

csdn.xsl
<?xml version="1.0" encoding="UTF-8" ?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:param name="pageno">1</xsl:param>
<xsl:param name="pagesize">0</xsl:param>
<xsl:template match="/">
<xsl:for-each select="/okxrpic/replys/reply">
<xsl:if test="position() > (number($pageno)-1)*number($pagesize) and position() <= (number($pageno) * number($pagesize))">
回复号:<xsl:value-of select="replyid"/><br/>
用户名:<xsl:value-of select="username"/><br/>
<hr/>
</xsl:if>
</xsl:for-each>
</xsl:template>
</xsl:stylesheet>

wd_terry 2006-01-06

打赏
举报

ssm1226(雨中人@忙晕了) 的例子怎么点下一页后还是显示的第一页啊？

wd_terry 2006-01-06

打赏
举报

fsdy2000(乡愁)
你在你的stylesheet中把其他信息都输出，然后根据firstNum、lastNum、sortField把okxrpic/replys节点显示出来就行了。
——————————————————————————————
能不能说具体点呢，我对XML才接触，用点代码示范下好吗？谢谢！

wd_terry 2006-01-06

打赏
举报

ssm1226(雨中人@忙晕了) 的要刷新页面，可不可以不刷新页面啊

fsdy2000 2006-01-06

打赏
举报

你在你的stylesheet中把其他信息都输出，然后根据firstNum、lastNum、sortField把okxrpic/replys节点显示出来就行了。

wd_terry 2006-01-06

打赏
举报

好样的

ssm1226 2006-01-06

打赏
举报

http://ms.mblogger.cn/ssm1226/posts/16879.aspx

自然框架 2006-01-06

打赏
举报

帮你订

wd_terry 2006-01-06

打赏
举报

stylesheet=document.XSLDocument;
source=document.XMLDocument;
nodes=source.documentElement.childNodes;
现在的问题是：有没有办法把上面三个的值改成对子节点的（okxrpic/replys)操作

wd_terry 2006-01-06

打赏
举报

楼上方法果然顶用，再次万分感谢（不过这里只有100分，而且还要分点给热心参与者^_^:)
我把XSL文件分成两个XSL文件，然后把 xmldoc.load('csdn.xml');改为xmldoc.load(location.href);就可以实现不用数据岛而用XSL表示了最后代码如下：
XML引用的XSL：
<?xml version="1.0" encoding="UTF-8" ?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:param name="pageno">1</xsl:param>
<xsl:param name="pagesize">2</xsl:param>
<xsl:template match="/">
<html>
<head>
<title>kkk</title>
<SCRIPT language="javascript">
<xsl:comment><![CDATA[
var xmltemplate;
var xmldoc=new ActiveXObject('MSXML2.DOMDocument');
var xsldoc=new ActiveXObject('MSXML2.FreeThreadedDOMDocument');
var iCount=0;
var iPageNo=1;
var iPageCount=0;
var iPageSize=3;

//初始化...
function init()
{
xmldoc.async = false;
xmldoc.load(location.href);
var oNodeList=xmldoc.selectNodes("//reply");
iCount=oNodeList.length;alert(iCount);

if(iCount>0)
iPageCount = Math.ceil(iCount / iPageSize);

info.innerHTML="总数据:" + iCount + " 总页数:" + iPageCount;

xsldoc.async = false;
xsldoc.load('csdn.xsl');
xmltemplate = new ActiveXObject("Msxml2.XSLTemplate");
xmltemplate.stylesheet = xsldoc;

show(0);
}

function show(pageno)
{

var objXSLTProc = xmltemplate.createProcessor();
objXSLTProc.input = xmldoc;
objXSLTProc.addParameter("pageno",iPageNo, "");
objXSLTProc.addParameter("pagesize",iPageSize, "");

objXSLTProc.transform();
oDiv.innerHTML = objXSLTProc.output;
}
function toPage(f){
iPageNo=iPageNo + f;
if(iPageNo<1){alert('已经是第一页了!');iPageNo=1; return;};
if(iPageNo>iPageCount) {alert('已经是最后一页了');iPageNo=iPageCount;return;};
show(iPageNo);
}
]]></xsl:comment>
</SCRIPT>
</head>
<body onload="init();">
<table>
<tr>
<th>
<div id="info"></div>
</th>
</tr>
<div id='oDiv'>loading...</div>
</table>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
CSDN.XSL:（改为可以按回复的ID倒序排列）
<?xml version="1.0" encoding="UTF-8" ?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:param name="pageno">1</xsl:param>
<xsl:param name="pagesize">3</xsl:param>
<xsl:template match="/">
<xsl:for-each select="/okxrpic/replys/reply">
<xsl:sort order="descending" select="replyid"/>
<xsl:if test="position() > (number($pageno)-1)*number($pagesize) and position() <= (number($pageno) * number($pagesize))">
回复号:<xsl:value-of select="replyid"/><br/>
用户名:<xsl:value-of select="username"/><br/>
内容:<xsl:value-of select="content"/><br/>
<hr/>
</xsl:if>
</xsl:for-each>
<a href='#' onclick='toPage(-1)'>上页</a> <a href='#' onclick='toPage(1)'>下页</a>
</xsl:template>
</xsl:stylesheet>

wd_terry 2006-01-06