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

推荐订阅源

量子位
S
Securelist
MyScale Blog
MyScale Blog
Jina AI
Jina AI
罗磊的独立博客
The Cloudflare Blog
美团技术团队
博客园 - 叶小钗
阮一峰的网络日志
阮一峰的网络日志
博客园 - 三生石上(FineUI控件)
月光博客
月光博客
雷峰网
雷峰网
小众软件
小众软件
aimingoo的专栏
aimingoo的专栏
大猫的无限游戏
大猫的无限游戏
博客园 - Franky
博客园 - 聂微东
Y
Y Combinator Blog
酷 壳 – CoolShell
酷 壳 – CoolShell
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
MongoDB | Blog
MongoDB | Blog
T
Tailwind CSS Blog
Attack and Defense Labs
Attack and Defense Labs
博客园_首页
Latest news
Latest news
Apple Machine Learning Research
Apple Machine Learning Research
Threat Intelligence Blog | Flashpoint
Threat Intelligence Blog | Flashpoint
The Hacker News
The Hacker News
G
GRAHAM CLULEY
Simon Willison's Weblog
Simon Willison's Weblog
Exploit-DB.com RSS Feed
Exploit-DB.com RSS Feed
P
Proofpoint News Feed
CTFtime.org: upcoming CTF events
CTFtime.org: upcoming CTF events
U
Unit 42
D
Docker
Webroot Blog
Webroot Blog
N
Netflix TechBlog - Medium
T
Tor Project blog
C
Cyber Attacks, Cyber Crime and Cyber Security
L
LINUX DO - 最新话题
cs.CV updates on arXiv.org
cs.CV updates on arXiv.org
The Last Watchdog
The Last Watchdog
B
Blog
Recent Announcements
Recent Announcements
GbyAI
GbyAI
Microsoft Azure Blog
Microsoft Azure Blog
Security Latest
Security Latest
V2EX - 技术
V2EX - 技术
N
News | PayPal Newsroom
Microsoft Security Blog
Microsoft Security Blog

博客园 - 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>