使用JavaScript+XML实现分页

** 代码如下:
**

1<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>
1<table border="1" datapagesize="3" datasrc="#users" id="datatable" width="400"> <tr> <td><span datafld="userid"></span></td> <td><span datafld="name"></span></td> </tr> </table>
1<button onclick="document.all.datatable.firstPage()">First Page</button>
1<button onclick="document.all.datatable.previousPage()">Previous Page</button>
1<button onclick="document.all.datatable.nextPage()">Next Page</button>
1<button onclick="document.all.datatable.lastPage()">Last Page</button>

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

Published At
Categories with Web编程
Tagged with
comments powered by Disqus