| Blog信息 |
|
blog名称:
日志总数:1304
评论数量:2242
留言数量:5
访问次数:7593889
建立时间:2006年5月29日 |
| |
|
 [Prototype(Ajax)]Spry Framework入门（一）——XML数据集及显示
软件技术
lhwork 发表于 2007/1/18 10:49:07 |
| 简介： Spry Framework是Adobe出品的轻量级的支持Ajax的JavaScript库，以HTML为中心，使用最基本的HTML、CSS和JavaScript来实现丰富Web页面体验。试验环境：操作系统：windows2003 Server浏览器：IE7.0 RC1 FireFox 1.5.0.7WEB服务器：IIS 6.0Spry库：Spry_P1_3_08-11安装：从http://labs.adobe.com/technologies/spry/ 下载安装包，目前版本为Spry_P1_3_08-11.zip，解开后把includes目录复制到自己的IIS虚拟目录上即可。页面代码：data.xml
500)this.width=500'><?xml version="1.0" encoding="UTF-8"?>500)this.width=500'><specials>500)this.width=500'> <menu_item id="1">500)this.width=500'> <item>夏日沙拉</item>500)this.width=500'> <description>organic butter lettuce with apples, blood oranges, gorgonzola, and raspberry vinaigrette.</description>500)this.width=500'> <price>7</price>500)this.width=500'> <url>summersalad.xml?id=1</url>500)this.width=500'> </menu_item>500)this.width=500'> <menu_item id="2">500)this.width=500'> <item>Thai Noodle Salad</item>500)this.width=500'> <description>lightly sauteed in sesame oil with baby bok choi, portobello mushrooms, and scallions.</description>500)this.width=500'> <price>8</price>500)this.width=500'> <url>thainoodles.xml</url>500)this.width=500'> </menu_item>500)this.width=500'> <menu_item id="3">500)this.width=500'> <item>Grilled Pacific Salmon</item>500)this.width=500'> <description>served with new potatoes, diced beets, Italian parlsey, and lemon zest.</description>500)this.width=500'> <price>16</price>500)this.width=500'> <url>salmon.xml</url>500)this.width=500'> </menu_item>500)this.width=500'></specials>test.html
1500)this.width=500'><head> 2500)this.width=500'> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 3500)this.width=500'> <title>Spry Example</title> 4500)this.width=500'> 5500)this.width=500'> <!--Link the Spry libraries--> 6500)this.width=500'> <script type="text/javascript" src="includes/xpath.js"></script> 7500)this.width=500'> <script type="text/javascript" src="includes/SpryData.js"></script> 8500)this.width=500'> 9500)this.width=500'> <!--Create a data set object-->10500)this.width=500'>500)this.width=500'> <script type="text/javascript">500)this.width=500'>11500)this.width=500'> var dsSpecials = new Spry.Data.XMLDataSet("data.xml", "specials/menu_item");12500)this.width=500'> </script>13500)this.width=500'></head>14500)this.width=500'>15500)this.width=500'><body>16500)this.width=500'>17500)this.width=500'> <!--Create the Spry dynamic region-->18500)this.width=500'> <div id="Specials_DIV" spry:region="dsSpecials">19500)this.width=500'> <!--Display the data in a table-->20500)this.width=500'> <table id="Specials_Table">21500)this.width=500'> <tr>22500)this.width=500'> <th>名称</th>23500)this.width=500'> <th>Description</th>24500)this.width=500'> <th>价格</th>25500)this.width=500'> </tr>26500)this.width=500'> <tr spry:repeat="dsSpecials">27500)this.width=500'> <td>{item}</td>28500)this.width=500'> <td>{description}</td>29500)this.width=500'> <td>{price}</td>30500)this.width=500'> </tr>31500)this.width=500'> </table>32500)this.width=500'> </div>33500)this.width=500'>34500)this.width=500'></body> |
|
|