XML数据岛之数据分页显示

我们已经知道如何使用HTML将XML数据岛中数据以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数据岛之数据分页显示的详细内容，更多请关注php中文网其它相关文章！

声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。

相关标签：XML，数据岛，数据分页

程序员必备接口测试调试工具：点击使用

Apipost = Postman + Swagger + Mock + Jmeter

Api设计、调试、文档、自动化测试工具

网页生成APP，用做网站的技术去做APP：立即创建

手机网站开发APP、自助封装APP、200+原生模块、2000+映射JS接口按需打包