网站首页 >> 全部技术文档 >> 网页设计 >> Dreamweaver
怎样用表格做XML数据的绑定
发布时间: 2006-1-13 10:39:00 阅读次数:
 怎样用表格做XML数据的绑定
解决思路
   用 XML标签链接外部XML文件,然后设置表格的数据源,再在单元格中用 DIV或SPAN标签绑定字段。
具体步骤

1.外部的XML文档:demo.xml。

<?xml version="1.0" encoding="gb2312"?>
<forums>

 <forum>
    <name>[FLASH技术交流]</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和FLASH动画的展示专版]]> </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-collapse: collapse;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-collapse: collapse;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-collapse: collapse;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>[FLASH技术交流]</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和FLASH动画的展示专版]]> </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 属性指定的绑定到指定对象的给定数据源的字段。
上一篇:为什么表格会被撑大? 下一篇:如何制作类似Windows系统中的选项卡的效果

推荐专题
网站今日最新
·用Flash制作魔法表情
·避开QQ聊天时遭受攻击的安
·QQ消息炸弹原理解析及防御
·娱乐性更强!QQ2006
·玩转QQ之QQ2006新招
·更新换代QQ Mail 3
·让QQ自动释放内存 让聊天
·QQ教程:用QQ录制GIF
·QQ教程:用批处理找出没聊
·免费的系统安检中心-QQ安
本类推荐
热门文章
用Flash制作魔法表情
心得总结:Java性能优化技
更有Photoshop的感觉
全新界面:QQ2006珊瑚虫
AJAX实例:根据邮编自动完
张雅涵手绘性感美眉插画 图






本类今日更新:
·表单的提交方式POST和GET有什么区别
·为什么表格会被撑大?
·怎样用表格做XML数据的绑定
·如何制作类似Windows系统中的选项卡的效果
·如何做单元格背景颜色黑白交替的表格
·如何实现把鼠标移到一个表格上的时候表格一列的背景变色
·在Dreamweaver中精细化你的表格外观
·优秀网页设计速查与赏析
·Dreamweaver8新功能 建立XSLT页可视化操作XML数据(二)
·Dreamweaver8新功能 建立XSLT页可视化操作XML数据(一)
相关文章:
·怎样用表格做XML数据的绑定

打印本页 | 关闭窗口