代码如下:
<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 全选 提示:你可先修改部分代码,再点运行代码]
使用JavaScript+XML实现分页
转载本文章为转载内容,我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题,欢迎原作者联系我们进行内容更正或删除文章。
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
MybatisPlus基础Xml使用教程
MybatisPlus基础最全教程,里面包含操作的核心教程以及重点难点,很适合新手以及中高级开发学习
mybatis mybatisplus springboot -
javascript实现分页效果
一般的页面我们实现分页效果都是用跳转的形式,但是有些需求需要我们在不跳转页面的同时完成分页效果,简单
效果 分页 javascript 跳转 页面 -
MSN 历史纪录分页显示(XML + XSL + Javascript)
MSN自带的XSL无分业功能,写一个简单的分页XSL:将此文件ame="PageCount">1
xsl javascript xml stylesheet class -
使用JSON实现分页
使用JSON实现分页可直接用 Fenye.html Fenye.php
AJAX HTML mysql JSON 分页 -
使用AJAX实现分页
Fenye.html Fenye.php
AJAX HTML xml mysql html -
XML 映射器、分页以及日志实现
XML 映射器、分页以及日志实现MyBatis 的真正强大在于它的语句映射,这是ultMap – 描述如何从数据
mybatis mysql java User bc