这篇文章在之前的日志中我曾经提过，虽然大部分的内容都可以在Spry API的说明中找到，但我觉得这20个知识点还是相当常用的，特转载过来。

    在[原]Spry框架：XML数据集一文中，我们描述了Spry架构中，利用XML数据集发布数据的方式。其中，一种是在加载页面时生成XML数据集并生成表格显示；另一种是根据用户的输入，生成实时的XML数据集，然后通过innerHTML方式生成表格。这两种方式都很常用，但是方式二存在问题，就是没有使用Spry 表格来生成，这缺点是明显的：JavaScript代码编写麻烦，功能单一。相反，若能借助Spry 表格提供的排序、主从详细列表等功能无疑是更好的解决方法。
    我参考的书籍没有找到可供参考的例子，幸亏通过重新翻阅Spry的API说明，测试后终于找到可行的办法。

    之前的日志提到过，Ajax Spry框架是一个JavaScript库，Web涉及人员使用它可以构建能够向站点访问者提供更丰富体验的Web页。Spry框架主要包括Spry效果、Spry构件及XML数据访问。关于Spry效果、Spry构件都已经做了简单介绍，而XML数据部分，在Dreamweaver CS3以上版本也提供了图形化的配置方式，使用与其他的Spry模块差不多，这里不再一一说明。
    Spry也可以使用手动编程方式实现，这里特转一份国外博客的文章供参考。

    Spry框架的构件除了可以提供层叠样式面板等提高用户体验的可视化工具外，还提供了一组用于验证表单数据的Spry构件，不用编写代码，就可以高效快捷地完成表单验证的任务。这些验证框架有：验证文本框、验证文本区域、验证列表框、验证复选框、验证单选按钮、验证密码框，以及验证确认构件等。它们的使用方式与普通的构件也基本一样，HTML用于实现构件的层次结构，CSS用于定义构件的外观样式，JavaScript用于创建构件对象并将静态的HTML元素转换为具有交互性的用户界面元素。

    上一篇日志介绍了如何在网页上应用各种Spry效果，这些效果是通过客户端JavaScript函数作用于HTML页面元素实现的。Spry构件则需要HTML、CSS和JavaScript的交互作用才能实现。在Spry构件中，HTML用于实现构件的层次结构，CSS用于定义构件的外观样式，JavaScript用于创建构件对象并将静态的HTML元素转换为具有交互性的用户界面元素。

    Ajax Spry框架是一个JavaScript库，Web涉及人员使用它可以构建能够向站点访问者提供更丰富体验的Web页。Spry框架主要包括Spry效果、Spry构件及XML数据访问。Spry效果是一种视觉增强功能，是一种增强网站外观的简洁而优美的方式。
    Spry效果通过客户端JavaScript作用于HTML页面元素就可以实现，不需要复杂恶语法，也不需要任何自定义的新标记。下面以举Spry效果的一个例子来做简要说明。