DWCS6教程97—如何插入spry数据集对象

Adobe Dreamweaver CS6视频教程

讲师：瑞德威(赵老师)

第三十三课 插入spry对象

1、插入spry对象

Spry 框架是一个 JavaScript 库，Web 设计人员使用它可以构建能够向站点访问者提供更丰富体验的 Web 页。有了 Spry，就可以使用 HTML、CSS 和极少量的 JavaScript 将 XML 数据合并到 HTML 文档中，创建构件（如折叠构件和菜单栏），向各种页面元素中添加不同种类的效果。在设计上，Spry 框架的标记非常简单且便于那些具有 HTML、CSS 和 JavaScript 基础知识的用户使用。

a、spry对象包括：spry数据集、spry区域、spry重复项、spry重复列表、spry验证表单（文本域、验证复选框、验证选择等）、spry菜单栏、spry选项卡式面板、spry折叠式、可折叠面板、spry工具提示

b、如何插入spry数据集：

1)准备一个XML数据文件：xml文件即可扩展标记语言。 可扩展标记语言，标准通用标记语言的子集，一种用于标记电子文件使其具有结构性的标记语言。 它可以用来标记数据、定义数据类型，是一种允许用户对自己的标记语言进行定义的源语言。 它非常适合万维网传输，提供统一的方法来描述和交换独立于应用程序或供应商的结构化数据。

2）插入（spry对象面板）——spry（s）——spry数据集——跳出指定数据源窗口

3）在指定数据源窗口里面指定数据类型、数据集名称、以及数据源文件(一般为xml数据)——选择要读取的XML数据模块并预览。

4）点击下一步设置数据选项——选择列名称及类型——数据预览——其他选项——下一步

5）选择插入选项：插入表格、插入主/详细布局、插入堆积容器、插入带有聚光灯区域的堆积容器

6）不要插入html：只插入数据集，不显示数据，如果需要显示数据，需要在绑定面板里面把数据插入到html里面才行。

7）完成：点击完成以后，即可结束插入数据的操作，保存后可在浏览器预览。

c、更详细区域：可以在上面插入列表项，下面插入更详细区域，这样可实现无刷新更新页面内容