XML数据岛之数据分页显示

发布时间:2022-05-15 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了XML数据岛之数据分页显示脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
我们已经知道如何使用HTMLXML数据岛中数据以Table形式显示出来,但是如果在数据比较多的时候,我们希望可以将数据分页显示,以避免用户上下翻屏。

熟悉HTML的朋友都知道<Table>标记中有一个dataPageSize属性,可以指定每页中显示记录的笔数,我们只需为<Table>标记的dataPageSize指定一个正整数,就可以实现分页的目的,如<table id="tblBooks" datasrc="#XMLData" datapagesize=”20”width="100%">,表示每页显示20笔数据。

有人会问了“数据分页就这么简单吗?”对了,就这么简单,不过这时的分页功能并不强大,因为我没还没有实现页面的跳转,不能总让用户对着第一页的数据发呆吧。

<Table>标记还提供了一系列的方法,让我们实现翻页的功能。如FirstPage(),previousPage(),nextPage(),lastPage()。我们在HTML中加入四个按钮,并为其添加单击事件的代码:

<inputtyPE="button"onclick="tblbooks.firstPage();"value="FirstPage">

<inputtype="button"onclick="tblbooks.PReviousPage();"value="PreviousPage">

<inputtype="button"onclick="tblbooks.nextPage();"value="NextPage">

<inputtype="button"onclick="tblbooks.lastPage();"value="LastPage">

以上就是XML数据岛之数据分页显示的详细内容,更多请关注脚本宝典其它相关文章

脚本宝典总结

以上是脚本宝典为你收集整理的XML数据岛之数据分页显示全部内容,希望文章能够帮你解决XML数据岛之数据分页显示所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签:XML数据岛