惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

美团技术团队
人人都是产品经理
人人都是产品经理
月光博客
月光博客
V
V2EX
WordPress大学
WordPress大学
酷 壳 – CoolShell
酷 壳 – CoolShell
Last Week in AI
Last Week in AI
博客园 - 三生石上(FineUI控件)
小众软件
小众软件
Hugging Face - Blog
Hugging Face - Blog
V
Visual Studio Blog
宝玉的分享
宝玉的分享
雷峰网
雷峰网
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
博客园 - Franky
博客园 - 聂微东
博客园 - 司徒正美
博客园 - 【当耐特】
爱范儿
爱范儿
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
大猫的无限游戏
大猫的无限游戏
博客园 - 叶小钗
阮一峰的网络日志
阮一峰的网络日志

博客园 - dannyr|一个都不能少!

DipperRiver.Net通信协议设计 计划开发memcache 的.net版本,命名DipperRiver.Net Net1.1添加目录共享,并设置访问权限 Access数据库的文本、备注数据类型的COLUMN_FLAGS说明 生命诚可贵 如何关闭子线程?征集析构函数与多线程的讨论! function object(functor) ... Dev GridControl的Outlook风格定制 WinForm MDI动态加载form DevExpress's tip 检测浏览器类型的js Spry1.4 下载 Spry PreRelease 1.4 发布 Spry Framework入门(五)——数据集过滤及淡入淡出效果 Flex2.0文件上传功能(Flex2.0正式版) 关于JSON Spry Framework入门(四)——XML数据集排序 Spry Framework入门(三)——框架结构 Spry Framework入门(二)——XML数据集及主从表显示
Spry Framework入门(一)——XML数据集及显示
dannyr|一个都不能少! · 2006-10-19 · via 博客园 - dannyr|一个都不能少!

简介
        Spry Framework是Adobe出品的轻量级的支持Ajax的JavaScript库,以HTML为中心,使用最基本的HTML、CSS和JavaScript来实现丰富Web页面体验。

试验环境

操作系统:windows2003 Server
浏览器:IE7.0 RC1      FireFox 1.5.0.7
WEB服务器:IIS 6.0
Spry库:Spry_P1_3_08-11

安装
http://labs.adobe.com/technologies/spry/ 下载安装包,目前版本为Spry_P1_3_08-11.zip,解开后把includes目录复制到自己的IIS虚拟目录上即可。

页面代码
data.xml

<?xml version="1.0" encoding="UTF-8"?>
<specials>
    
<menu_item id="1">
        
<item>夏日沙拉</item>
        
<description>organic butter lettuce with apples, blood oranges, gorgonzola, and raspberry vinaigrette.</description>
        
<price>7</price>
        
<url>summersalad.xml?id=1</url>
    
</menu_item>
    
<menu_item id="2">
        
<item>Thai Noodle Salad</item>
        
<description>lightly sauteed in sesame oil with baby bok choi, portobello mushrooms, and scallions.</description>
        
<price>8</price>
        
<url>thainoodles.xml</url>
    
</menu_item>
    
<menu_item id="3">
        
<item>Grilled Pacific Salmon</item>
        
<description>served with new potatoes, diced beets, Italian parlsey, and lemon zest.</description>
        
<price>16</price>
        
<url>salmon.xml</url>
    
</menu_item>
</specials>

test.html

 1<head>
 2    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 3    <title>Spry Example</title>
 4    
 5    <!--Link the Spry libraries-->
 6    <script type="text/javascript" src="includes/xpath.js"></script>
 7    <script type="text/javascript" src="includes/SpryData.js"></script>
 8    
 9    <!--Create a data set object-->
10    <script type="text/javascript">
11        var dsSpecials = new Spry.Data.XMLDataSet("data.xml""specials/menu_item");
12    
</script>
13</head>
14
15<body>
16
17    <!--Create the Spry dynamic region-->
18    <div id="Specials_DIV" spry:region="dsSpecials">
19    <!--Display the data in a table-->
20        <table id="Specials_Table">
21        <tr>
22            <th>名称</th>
23            <th>Description</th>
24            <th>价格</th>
25        </tr>
26        <tr spry:repeat="dsSpecials">
27            <td>{item}</td>
28            <td>{description}</td>
29            <td>{price}</td>
30        </tr>
31        </table>
32    </div>
33
34</body>