使用Table 数据导 实现页面无刷新 数据分页
思路是: 通过 <xml id="cdcat" src="服务器XML文件" ></xml> 将XML数据导入页面,
使用table 的DataSrc属性指定 table 要显示的数据(datasrc="#users"), 并指定 每页要显示的行数 (DATAPAGESIZE="行 数")
使用<Thead> <th>指定表头</th><th>指定表头</th></Thead>
使用 <tr>
<td><span datafld="userid"></span></td>
<td><span datafld="name"></span></td>
</tr> 中的span 来分别帮定要显示的数据
通过<button >Previous Page</button>
<button >Next Page</button> 来实现上下页的查看
主体代码是:
<body>
<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 >Previous Page</button>
<button >Next Page</button>
</body>
XML:格式是:
<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>