使用xml绑定实现分页功能

最新推荐文章于 2022-05-30 00:13:03 发布

LxcJie

最新推荐文章于 2022-05-30 00:13:03 发布

阅读量1.6k

点赞数

分类专栏： xml javascript 文章标签： xml javascript button border input go

本文链接：https://blog.csdn.net/LxcJie/article/details/90350

版权

javascript 同时被 2 个专栏收录

14 篇文章 0 订阅

订阅专栏

xml

1 篇文章 0 订阅

订阅专栏

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

如下:

<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>

LxcJie

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
使用xml绑定实现分页功能

对于分页功能,可以采用数据岛绑定的方法进行分页,当然如果数据量太巨的话,不建议使用这种方法,那样可以结合其它方法进行分页如下:table{border:1px solid black; }td{ border:1px solid black;width:100px;} 1 Flat
复制链接

扫一扫