xml数据岛用在页面中实现翻页

最新推荐文章于 2021-05-26 17:05:32 发布

原创最新推荐文章于 2021-05-26 17:05:32 发布 · 1.6k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#xml #user #button #border #table

xml 专栏收录该内容

1 篇文章

订阅专栏

博客展示了一段XML代码，包含多个用户信息。同时有一个表格，其数据来源为XML中的用户数据，设置了每页显示3条记录。还提供了“上一页”和“下一页”按钮用于表格分页操作。

<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.previousPage()">Previous Page</button>
<button onclick="document.all.datatable.nextPage()">Next Page</button>