
怎样用表格做
XML数据的绑定
解决思路:
用
XML标签链接外部
XML文件,然后设置表格的数据源,再在单元格中用 DIV或SPAN标签绑定字段。
具体步骤:
1.外部的
XML文档:demo.xml。
<?xml version="1.0" encoding="gb2312"?>
<forums>
<forum>
<name>[FL
ASH技术交流]</name>
<moderator ><![CDATA[版主:赢点儿 chenye_1976 holybozo laiy.net]]></moderator>
<description ><![CDATA[新手请尽管提问,老手尽管来切磋,让学习和帮助都成为一种乐趣。]]> </description>
</forum>
<forum>
<name>[Action Script讨论区]</name>
<moderator ><![CDATA[版主:hnyashiro crazydevil horidream]]></moderator>
<description ><![CDATA[Action Script应用,包含flash MX讨论]]> </description>
</forum>
<forum>
<name>[Macromedia Studio MX 2004讨论学习区]</name>
<moderator ><![CDATA[版主:AOL kissall 我佛山人]]></moderator>
<description ><![CDATA[交流学习Macromedia Studio MX 2004心得与经验,欢迎提供系统教程和资料翻译.新]]> </description>
</forum>
<forum>
<name>[Flash动画技术区]</name>
<moderator ><![CDATA[版主:歪马秀 拾荒 林℃]]></moderator>
<description ><![CDATA[中级动画爱好者进级技术版块,在这里我们讨论怎样制作动画造型,动作,背景等制作技术. ]]> </description>
</forum>
<forum>
<name>[Flash游戏技术区]</name>
<moderator ><![CDATA[版主:AOL windson2002]]></moderator>
<description ><![CDATA[这里只讨论Flash游戏技术. ]]> </description>
</forum>
<forum>
<name>[图形处理与视觉传达]</name>
<moderator ><![CDATA[版主:颜志 保镖豆豆 wxb_snowwolf 風過無痕]]></moderator>
<description ><![CDATA[一切创作的基础来源于图形处理的基本功,Flash也不例外。喜欢这个的朋友不妨在这里交流,探讨。]]> </description>
</forum>
<forum>
<name>[手绘艺术与角色设计]</name>
<moderator ><![CDATA[版主:颜志 绯水]]></moderator>
<description ><![CDATA[手绘艺术与角色设计]]> </description>
</forum>
<forum>
<name>[Flash资源共享]</name>
<moderator ><![CDATA[版主:kissall 木头 CRAZYNO1]]></moderator>
<description ><![CDATA[Flash相关资源和软件的交流.]]> </description>
</forum>
<forum>
<name>[Flash 3d 技术专版]</name>
<moderator ><![CDATA[版主:白雪飘扬]]></moderator>
<description ><![CDATA[讨论怎样让flash里面的物体三维运动起来]]> </description>
</forum>
<forum>
<name>[网页设计与编程]</name>
<moderator ><![CDATA[版主:海光 我佛山人 erik168]]></moderator>
<description ><![CDATA[我们讨论所有和网页设计有关的东西]]> </description>
</forum>
<forum>
<name>[精品WEB-SITE]</name>
<moderator ><![CDATA[版主:梵天 chenglei4u]]></moderator>
<description ><![CDATA[精品WEB-SITE和FL
ASH动画的展示专版]]> </description>
</forum>
<forum>
<name>[闪吧电脑学校]</name>
<moderator ><![CDATA[版主:Xray 蓝.蜗牛]]></moderator>
<description ><![CDATA[计算机的世界,由你我来探讨。你遇到的各类问题,我们会帮助你。(软硬兼施+网络)]]> </description>
</forum>
</forums>
2.用
XML标签链接demo.xml,并设置ID及获取数据的方式。
<xml src="demo.xml" id="xml_file" async="false"></xml>
3.插入表格一个2行2列的表格,合并第1行和第2行的第1个单元格,并设置表格的数据源。
<table bordercolor="#000000" border="1" style="border-colla
pse: colla
pse;width:500;font:normal 12px Tahoma" cellspacing="0" cellpadding="3" datasrc="#xml_file">
<tr>
<td width="25%" rowspan="2" align="center"></td>
<td width="75%" height="20" bgColor="#eeeeee"></td>
</tr>
<tr>
<td></td>
</tr>
</table>
4.在各单元格中插入SPAN绑定字段。
<table bordercolor="#000000" border="1" style="border-colla
pse: colla
pse;width:500;font:normal 12px Tahoma" cellspacing="0" cellpadding="3" datasrc="#xml_file">
<tr>
<td width="25%" rowspan="2" align="center"><span datafld="name" /></td>
<td width="75%" height="20" bgColor="#eeeeee"><span datafld="Moderator" /> </td>
</tr>
<tr>
<td><span datafld="description" /></td>
</tr>
</table>
5.完整代码。
<xml src="demo.xml" id="xml_file" async="false"></xml>
<table bordercolor="#000000" border="1" style="border-colla
pse: colla
pse;width:500;font:normal 12px Tahoma" cellspacing="0" cellpadding="3" datasrc="#xml_file">
<tr>
<td width="25%" rowspan="2" align="center"><span datafld="name" /></td>
<td width="75%" height="20" bgColor="#eeeeee"><span datafld="Moderator" /> </td>
</tr>
<tr>
<td><span datafld="description" /></td>
</tr>
</table>
注意:表格的datasrc的属性值必须为井号(#)加
XML对象的ID属性值。
技巧:如果不需要调用外部
XML文件,合作一个文件,表格中的属性设置不变,修改
XML标签为:
<xml id="xml_file">
<forums>
<forum>
<name>[FL
ASH技术交流]</name>
<moderator ><![CDATA[版主:赢点儿 chenye_1976 holybozo laiy.net]]></moderator>
<description ><![CDATA[新手请尽管提问,老手尽管来切磋,让学习和帮助都成为一种乐趣。]]> </description>
</forum>
<forum>
<name>[Action Script讨论区]</name>
<moderator ><![CDATA[版主:hnyashiro crazydevil horidream]]></moderator>
<description ><![CDATA[Action Script应用,包含flash MX讨论]]> </description>
</forum>
<forum>
<name>[Macromedia Studio MX 2004讨论学习区]</name>
<moderator ><![CDATA[版主:AOL kissall 我佛山人]]></moderator>
<description ><![CDATA[交流学习Macromedia Studio MX 2004心得与经验,欢迎提供系统教程和资料翻译.新]]> </description>
</forum>
<forum>
<name>[Flash动画技术区]</name>
<moderator ><![CDATA[版主:歪马秀 拾荒 林℃]]></moderator>
<description ><![CDATA[中级动画爱好者进级技术版块,在这里我们讨论怎样制作动画造型,动作,背景等制作技术. ]]> </description>
</forum>
<forum>
<name>[Flash游戏技术区]</name>
<moderator ><![CDATA[版主:AOL windson2002]]></moderator>
<description ><![CDATA[这里只讨论Flash游戏技术. ]]> </description>
</forum>
<forum>
<name>[图形处理与视觉传达]</name>
<moderator ><![CDATA[版主:颜志 保镖豆豆 wxb_snowwolf 風過無痕]]></moderator>
<description ><![CDATA[一切创作的基础来源于图形处理的基本功,Flash也不例外。喜欢这个的朋友不妨在这里交流,探讨。]]> </description>
</forum>
<forum>
<name>[手绘艺术与角色设计]</name>
<moderator ><![CDATA[版主:颜志 绯水]]></moderator>
<description ><![CDATA[手绘艺术与角色设计]]> </description>
</forum>
<forum>
<name>[Flash资源共享]</name>
<moderator ><![CDATA[版主:kissall 木头 CRAZYNO1]]></moderator>
<description ><![CDATA[Flash相关资源和软件的交流.]]> </description>
</forum>
<forum>
<name>[Flash 3d 技术专版]</name>
<moderator ><![CDATA[版主:白雪飘扬]]></moderator>
<description ><![CDATA[讨论怎样让flash里面的物体三维运动起来]]> </description>
</forum>
<forum>
<name>[网页设计与编程]</name>
<moderator ><![CDATA[版主:海光 我佛山人 erik168]]></moderator>
<description ><![CDATA[我们讨论所有和网页设计有关的东西]]> </description>
</forum>
<forum>
<name>[精品WEB-SITE]</name>
<moderator ><![CDATA[版主:梵天 chenglei4u]]></moderator>
<description ><![CDATA[精品WEB-SITE和FL
ASH动画的展示专版]]> </description>
</forum>
<forum>
<name>[闪吧电脑学校]</name>
<moderator ><![CDATA[版主:Xray 蓝.蜗牛]]></moderator>
<description ><![CDATA[计算机的世界,由你我来探讨。你遇到的各类问题,我们会帮助你。(软硬兼施+网络)]]> </description>
</forum>
</forums>
</xml>
特别提示 用表格绑定
XML数据后,表格中的所有行相当于一个重复域,将自动重复直到
XML数据全部显示。代码运行效果如图1.2.43所示。

图1.2.43
XML数据绑定示例
特别说明
本例主要是
XML对象的src、ID和ansyc属性,table的datasrc属性和SPAN的datafld属性的应用。
src 设置或获取要由对象装入的 URL。
id 取标识对象的字符串。
async 设置对象获取数据的方式,true为异步,false为同步。
dataSrc 设置或获取用于数据绑定的数据源。
dataFld 设置或获取由 dataSrc 属性指定的绑定到指定对象的给定数据源的字段。