使用javascript+xml实现分页

王朝html/css/js·作者佚名  2006-01-09
窄屏简体版  字體: |||超大  

代码如下:

<xml id="users">

<userGroup>

<user>

<userid>user 1</userid>

<name>name 1</name>

</user>

<user>

<userid>user 2</userid>

<name>name 2</name>

</user>

<user>

<userid>user 3</userid>

<name>name 3</name>

</user>

<user>

<userid>user 4</userid>

<name>name 4</name>

</user>

<user>

<userid>user 5</userid>

<name>name 5</name>

</user>

<user>

<userid>user 6</userid>

<name>name 7</name>

</user>

<user>

<userid>user 7</userid>

<name>name 7</name>

</user>

<user>

<userid>user 8</userid>

<name>name 8</name>

</user>

<user>

<userid>user 9</userid>

<name>name 9</name>

</user>

</userGroup>

</xml>

<table id="datatable" datasrc="#users" DATAPAGESIZE="3" width="400" border="1">

<tr>

<td><span datafld="userid"></span></td>

<td><span datafld="name"></span></td>

</tr>

</table>

<button onclick="document.all.datatable.firstPage()">First Page</button>

<button onclick="document.all.datatable.previousPage()">Previous Page</button>

<button onclick="document.all.datatable.nextPage()">Next Page</button>

<button onclick="document.all.datatable.lastPage()">Last Page</button>

[Ctrl+A 全选 提示:你可先修改部分代码,再点运行代码]

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航