使用xml绑定实现分页功能

王朝other·作者佚名  2006-01-09
窄屏简体版  字體: |||超大  

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

如下:

<HTML>

<HEAD>

<style>

table{border:1px solid black; }

td{ border:1px solid black;width:100px;}

</style>

</HEAD>

<BODY>

<XML ID="xmlParts">

<?xml version="1.0" ?>

<parts>

<part>

<partnumber>1</partnumber>

<description>Flat</description>

<quantity>1000</quantity>

</part>

<part>

<partnumber>2</partnumber>

<description>Machine</description>

<quantity>1000</quantity>

</part>

<part>

<partnumber>3</partnumber>

<description>Nail</description>

<quantity>500</quantity>

</part>

<part>

<partnumber>4</partnumber>

<description>Sert</description>

<quantity>10400</quantity>

</part>

<part>

<partnumber>5</partnumber>

<description>Magic</description>

<quantity>5020</quantity>

</part>

<part>

<partnumber>6</partnumber>

<description>Flat</description>

<quantity>1000</quantity>

</part>

<part>

<partnumber>7</partnumber>

<description>Machine</description>

<quantity>1000</quantity>

</part>

<part>

<partnumber>8</partnumber>

<description>Nail</description>

<quantity>500</quantity>

</part>

<part>

<partnumber>9</partnumber>

<description>Sert</description>

<quantity>10400</quantity>

</part>

<part>

<partnumber>10</partnumber>

<description>Magic</description>

<quantity>5020</quantity>

</part>

</parts>

</XML>

<div style="height:200px;">

<table border="0" cellpadding="2" cellspacing="0" datasrc=#xmlParts id="tb1" datapagesize="2">

<tr>

<td><div datafld="partnumber"></div></td>

<td><div datafld="description"></div></td>

<td><div datafld="quantity"></div></td>

</tr>

</table>

</div>

<a href="javascript:go(1)">1</a>

<a href="javascript:go(2)">2</a>

<a href="javascript:go(3)">3</a>

<a href="javascript:go(4)">4</a>

<a href="javascript:go(5)">5</a>

<script language="javascript">

function go(pageNum)

{

tb1.firstPage();

for(var i=1; i<pageNum; i++)

tb1.nextPage();

}

</script>

<p>

<INPUT type="button" value=" << " onClick="tb1.firstPage()">

<INPUT type="button" value=" < " onClick="tb1.previousPage()">

<INPUT type="button" value=" > " onClick="tb1.nextPage()">

<INPUT type="button" value=" >> " onClick="tb1.lastPage()">

</BODY>

</HTML>

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航