XML数据岛之数据分页显示
16lz
2021-01-22
我们已经知道如何使用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数据岛之数据修改与添加
- 关于读大数据量的XML文件的读取问题
- 通过Spry将XML数据显示到HTML页教程
- RSS与爬虫,如何搜集数据详解
- 把SQL Server中的数据导出为XML和Json的方法解析
- 气象XML数据源应用程序的详细解析
- Xml之Linq如何遍历存储的数据
- 通过javascript xml xsl取值及数据修改第1/2页的实例详解
- 关于html嵌入xml数据岛如何穿过树形结构关系