<head>
<script>
var curpageindex; //当前页
var pagecount; //总页数
var pagesize = 5; //每页记录数
var rcount; //总记录数
//初始化
function init()
{
curpageindex = 1;
rcount = users.recordset.recordcount;//总记录
pagecount = parseInt((rcount + pagesize - 1 )/pagesize);
totPage=document.getElementById('total');
totPage.innerText = pagecount;//总页数
}
/***********************************************************************************
函数参数:
databox为容器的id,即此例中id为oTab的table
datasrc为数据源id,即此例中的data
moveto为翻页方式:firstPage(首页)|previousPage(上页)|nextPage(下页)|lastPage(末页)
***********************************************************************************/
function page(databox,moveto)
{
switch (moveto)
{
case 'firstPage':
databox.firstPage();
curpageindex=1;
break;
case 'lastPage':
databox.lastPage();
curpageindex=pagecount;
break;
case 'previousPage':
if(curpageindex > 1)
{
curpageindex--;
databox.previousPage();
}
break;
case 'nextPage':
if(curpageindex != pagecount)
{
curpageindex++;
databox.nextPage();
}
break;
}
var curPage = document.getElementById('current');
curPage.innerText=curpageindex;
}
</script>
</head>
<body onload="init();">
<!--如果xml以文件形式存在,则这样引用
<xml id="users" src="users.xml"></xml>-->
<xml id="users">
<userGroup>
<user id="1">
<userid>user 1</userid>
<name>name 1</name>
</user>
<user id="2">
<userid>user 2</userid>
<name>name 2</name>
</user>
<user id="3">
<userid>user 3</userid>
<name>name 3</name>
</user>
<user id="4">
<userid>user 4</userid>
<name>name 4</name>
</user>
<user id="5">
<userid>user 5</userid>
<name>name 5</name>
</user>
<user id="6">
<userid>user 6</userid>
<name>name 6</name>
</user>
<user id="7">
<userid>user 7</userid>
<name>name 7</name>
</user>
<user id="8">
<userid>user 8</userid>
<name>name 8</name>
</user>
<user id="9">
<userid>user 9</userid>
<name>name 9</name>
</user>
</userGroup>
</xml>
<script>
document.write("<table border=\"0\" datasrc=\"#users\" DATAPAGESIZE=\"" + pagesize + "\" id=\"oTab\">");
</script>
<thead>
<th>数据 id</th>
<th>数据 name</th>
</thead>
<tr><td><span datafld="userid"></span></td><td><a datafld="userid" target="_blank">·<span datafld="name"></span></a></td></tr>
</table>
<table><tr><td>
第<span id="current">1</span>页,共<span id="total"></span>页
<a href="javascript:page(oTab,'firstPage');">首页</a> <a href="javascript:page(oTab,'previousPage');">上页</a> <a href="javascript:page(oTab,'nextPage');">下页</a> <a href="javascript:page(oTab,'lastPage');">尾页</a>
</td></tr></table>
</div>
</form>
</body>
</html>
如果你的xml在外部,则要引用xml,代码:<xml id="users" src="user.xml"></xml>
dataSrc:设置或获取用于数据绑定的数据源。
格式:<ELEMENT datasrc="sID"> (HTML中)
objectid.dataSrc[=sId] (javascript中)
dataFld:设置或获取由dataSrc属性指定的绑定到指定对象的给定数据源的字段。
格式:<ELEMENT dataFld="sField"> (HTML中)
objectid.dataFld[=sField] (javascript中)
----------------------------------------------------------------------------------------
dataPageSize:设置或获取绑定到数据源的表格中显示的记录数。如果不设置此参数,则显示全部
格式:<TABLE DATAPAGESIZE=iSize> (HTML中)
tableid.dataPageSize[=iSize] (javascript中)
firstPage:显示首页
格式:tableid.firstPage()
lastPage:显示末页
格式:tableid.lastPage()
previousPage:显示上页
格式:tableid.previousPage()
nextPage:显示末页
格式:tableid.nextPage()
----------------------------------------------------------------------------------------
absoluteposition:获取记录指针在记录集中的当前位置
格式:objectid.recordset.absoluteposition
recordcount:获取记录集中记录总数
格式:objectid.recordset.recordcount
movefirst:记录指针移至记录集头部
格式:objectid.recordset.movefirst()
movelast:记录指针移至记录集尾部
格式:objectid.recordset.movelast()
moveprevious:记录指针前移
格式:objectid.recordset.moveprevious()
movenext:记录指针后移
格式:objectid.recordset.movenext()