使用xml绑定实现分页功能

对于分页功能,可以采用数据岛绑定的方法进行分页,当然如果数据量太巨的话,不建议使用这种方法,那样可以结合其它方法进行分页

如下:

 1<html>
 2<head>
 3<style>   
 4table{border:1px solid black; }   
 5td{ border:1px solid black;width:100px;}   
 6</style>
 7</head>
 8<body>
 9<xml id="xmlParts">
10<?xml version="1.0" ?>
11<parts>
12<part>
13<partnumber>1</partnumber>
14<description>Flat</description>
15<quantity>1000</quantity>
16</part>
17<part>
18<partnumber>2</partnumber>
19<description>Machine</description>
20<quantity>1000</quantity>
21</part>
22<part>
23<partnumber>3</partnumber>
24<description>Nail</description>
25<quantity>500</quantity>
26</part>
27<part>
28<partnumber>4</partnumber>
29<description>Sert</description>
30<quantity>10400</quantity>
31</part>
32<part>
33<partnumber>5</partnumber>
34<description>Magic</description>
35<quantity>5020</quantity>
36</part>
37<part>
38<partnumber>6</partnumber>
39<description>Flat</description>
40<quantity>1000</quantity>
41</part>
42<part>
43<partnumber>7</partnumber>
44<description>Machine</description>
45<quantity>1000</quantity>
46</part>
47<part>
48<partnumber>8</partnumber>
49<description>Nail</description>
50<quantity>500</quantity>
51</part>
52<part>
53<partnumber>9</partnumber>
54<description>Sert</description>
55<quantity>10400</quantity>
56</part>
57<part>
58<partnumber>10</partnumber>
59<description>Magic</description>
60<quantity>5020</quantity>
61</part>
62</parts>
63</xml>
64<div style="height:200px;">
65<table border="0" cellpadding="2" cellspacing="0" datapagesize="2" datasrc="#xmlParts" id="tb1">
66<tr>
67<td><div datafld="partnumber"></div></td>
68<td><div datafld="description"></div></td>
69<td><div datafld="quantity"></div></td>
70</tr>
71</table>
72</div>
73<a href="javascript:go(1)">1</a>
74<a href="javascript:go(2)">2</a>
75<a href="javascript:go(3)">3</a>
76<a href="javascript:go(4)">4</a>
77<a href="javascript:go(5)">5</a>
78<script language="javascript">   
79function go(pageNum)   
80{   
81tb1.firstPage();   
82for(var i=1; i<pageNum; i++)   
83tb1.nextPage();   
84}   
85</script>
86<p>
87<input onclick="tb1.firstPage()" type="button" value=" &lt;&lt; "/>
88<input onclick="tb1.previousPage()" type="button" value=" &lt; "/>
89<input onclick="tb1.nextPage()" type="button" value=" &gt; "/>
90<input onclick="tb1.lastPage()" type="button" value=" &gt;&gt; "/>
91</p></body>
92</html>
Published At
Categories with Web编程
Tagged with
comments powered by Disqus