基于客户端的分页导航(2)

2.对表格进行数据绑定,然后用对象的翻页方法实现

 1<xml id="oXML">
 2<forums> <forum>
 3<name>[FLASH技术交流]</name>
 4<moderator><![CDATA[版主:赢点儿 chenye_1976 holybozo laiy.net]]></moderator>
 5<description><![CDATA[新手请尽管提问,老手尽管来切磋,让学习和帮助都成为一种乐趣。]]> </description>
 6</forum> <forum>
 7<name>[Action Script讨论区]</name>
 8<moderator><![CDATA[版主:hnyashiro crazydevil horidream]]></moderator>
 9<description><![CDATA[Action Script应用,包含flash MX讨论]]> </description>
10</forum> <forum>
11<name>[Macromedia Studio MX 2004讨论学习区]</name>
12<moderator><![CDATA[版主:AOL kissall 我佛山人]]></moderator>
13<description><![CDATA[交流学习Macromedia Studio MX 2004心得与经验,欢迎提供系统教程和资料翻译.新]]>
14</description>
15</forum> <forum>
16<name>[Flash动画技术区]</name>
17<moderator><![CDATA[版主:歪马秀 拾荒 林℃]]></moderator>
18<description><![CDATA[中级动画爱好者进级技术版块,在这里我们讨论怎样制作动画造型,动作,背景等制作技术. ]]>
19</description>
20</forum> <forum>
21<name>[Flash游戏技术区]</name>
22<moderator><![CDATA[版主:AOL windson2002]]></moderator>
23<description><![CDATA[这里只讨论Flash游戏技术. ]]> </description>
24</forum> <forum>
25<name>[图形处理与视觉传达]</name>
26<moderator><![CDATA[版主:颜志 保镖豆豆 wxb_snowwolf 風過無痕]]></moderator>
27<description><![CDATA[一切创作的基础来源于图形处理的基本功,Flash也不例外。喜欢这个的朋友不妨在这里交流,探讨。]]>
28</description>
29</forum> <forum>
30<name>[手绘艺术与角色设计]</name>
31<moderator><![CDATA[版主:颜志 绯水]]></moderator>
32<description><![CDATA[手绘艺术与角色设计]]> </description>
33</forum> <forum>
34<name>[Flash资源共享]</name>
35<moderator><![CDATA[版主:kissall 木头 CRAZYNO1]]></moderator>
36<description><![CDATA[Flash相关资源和软件的交流.]]> </description>
37</forum> <forum>
38<name>[Flash 3d 技术专版]</name>
39<moderator><![CDATA[版主:白雪飘扬]]></moderator>
40<description><![CDATA[讨论怎样让flash里面的物体三维运动起来]]> </description>
41</forum> <forum>
42<name>[网页设计与编程]</name>
43<moderator><![CDATA[版主:海光 我佛山人 erik168]]></moderator>
44<description><![CDATA[我们讨论所有和网页设计有关的东西]]> </description>
45</forum> <forum>
46<name>[精品WEB-SITE]</name>
47<moderator><![CDATA[版主:梵天 chenglei4u]]></moderator>
48<description><![CDATA[精品WEB-SITE和FLASH动画的展示专版]]> </description>
49</forum> <forum>
50<name>[闪吧电脑学校]</name>
51<moderator><![CDATA[版主:Xray 蓝.蜗牛]]></moderator>
52<description><![CDATA[计算机的世界,由你我来探讨。你遇到的各类问题,我们会帮助你。(软硬兼施+网络)]]>
53</description>
54</forum> </forums>
55</xml>
1<style>   
2table{border-collapse: collapse;width:600px;font:normal 12px Tahoma;background:#EEEEEE}   
3button{border:1px solid #666666;background:#EEEEEE}   
4</style>
 1<center>
 2<table border="1" bordercolor="#333333" cellpadding="3" cellspacing="0" datapagesize="2" datasrc="#oXML" id="dTable">
 3<tr>
 4<td align="center" rowspan="2" valign="top" width="25%"><span datafld="name"></span></td>
 5<td height="20" width="75%"><span datafld="moderator"></span></td>
 6</tr>
 7<tr>
 8<td><span datafld="description"></span></td>
 9</tr>
10</table>
11<table border="0" cellpadding="3" cellspacing="0">
12<tr>
13<td align="right" colspan="2"><button onclick="dTable.firstPage()">首页</button><button onclick="dTable.previousPage()">上一页</button><button onclick="dTable.nextPage()">下一页</button><button onclick="dTable.lastPage()">尾页</button></td>
14</tr>
15</table>   
16  
17  
18点击查看运行效果   
19  
20注意:必须设置表格的dataPageSize属性,并且数据源跟 XML 对象的 id 相对应,翻页时的对象必须跟绑定数据的表格对象相对应   
21  
22提示:   
23  
24dataPageSize 设置或获取绑定到数据源的表格中显示的记录数   
25dataSrc 设置或获取用于数据绑定的数据源   
26dataFld 设置或获取由 dataSrc 属性指定的绑定到指定对象的给定数据源的字段   
27firstPage 显示绑定表格的数据集的第一页记录   
28previousPage 显示绑定表格的数据集的上一页记录   
29nextPage 显示绑定表格的数据集的下一页记录   
30lastPage 显示绑定表格的数据集的最后一页记录</center>
Published At
Categories with 网页设计
comments powered by Disqus