Spry详细区域有点类似于新闻系统中的新闻列表页和主详细页的功能。比如我们看新闻时,其中有一个页面只会显示所有新闻的标题,当对该标题感兴趣时可以单击该标题打开一个新的网页,就可以查看到该新闻的全部内容了。那么显示所有标题列表的页面我们称为“主页”,而显示具体新闻内容的页面称为“详细页”。

很显然,这个主详细页最起码得是两页。而我们使用的Spry详细区域可以在一张网页上显示,并且是无刷新的。

一,新建网页,绑定Spry XML 数据集

在网页中打开【插入】面板,单击【Spry】标签下的【Spry XML 数据集】

二,选择XML数据源

弹出【Spry XML 数据集】对话框,【XML源】可以是本地目录下的XML数据,也可以是跨域的远程XML数据。

单击【获取架构】按钮在【行元素】列表框中选择XML数据中有价值的重复元素,这里就是选择的“item” 元素(<>标志右上角有+号表示循环的多个)。

P.S 如果制作纯粹的XML数据聚合的页面,还可以选择【禁用XML数据缓存】,并选择自动刷新数据的时间以自动获得远程数据同步。

三,插入Spry表,显示Spry XML数据在页面

单击【插入】面板【Spry】标签下的【Spry 表】按钮,弹出的对话框中将不需要显示的【列】进行删除。

很重要的一个操作就是一定要选择 单击行时将使用“更新”详细区域。

【确定】插入Spry表,提示需要插入Spry区域。因为所有的Spry XML 数据必须在 Spry区域中才能显示。

四,插入Spry详细区域

首先,鼠标光标停留在已经插入在页面中的“Spry表”之后,继续单击【插入】面板【Spry】标签下的【Spry 区域】按钮。

弹出的对话框中【类型】一定要选择为“详细区域”才表示当前是Spry详细区域。

五,将“详细内容”插入Spry详细区域

鼠标光标停留在Spry详细区域内,打开【绑定】面板,选择“description”元素【插入】到 Spry详细区域中。

保存网页会提示我们保存Spry效果文件,记得上传的时候要连同这些文件一起上传。六,预览效果

跨域显示远程XML数据,同时单击每行标题都能在当前页无刷新打开内容查看,甚好。

html中spry的长度怎么更改,Dreamweaver中Spry区域功能说明相关推荐

  1. python中对比数组长度_在Python中检索数组长度的首选方法

    python中对比数组长度 The __len__() is a method on container types. However, python also provides another op ...

  2. java 数组对象长度_Java中的数组长度:关于Java中数组长度的所有信息

    Java中的数组可以包含多个元素,这取决于对象是如何创建的.为了让用户执行不同的操作,必须知道数组的长度.这篇关于"Java中的数组长度"的文章旨在让我们熟悉用于获取数组长度的操 ...

  3. dw怎么在框架中加入网页_如何在Dreamweaver中创建框架结构? dw设置框架结构的教程...

    Dreamweaver不仅可以制作静态网页,还可以制作动态网页. 在网页制作中,通常存在相同类型的网页,并且表格通常用于布局. 但是有时有些表格布局不能满足网页的需求. 当同一页面上有多个子页面时,您 ...

  4. eclipse中设置Linux编码环境,更改eclipse中console编码

    1.在eclipse.ini的-vmargs下面加上「-Dfile.encoding=UTF-8」. 2.eclipse-->Window-->Preferences-->Gener ...

  5. hive 中String对长度没有限制

    hive 中String对长度没有限制 hive 中String对长度没有限制! 今天在存储的时候,有个人推荐系统的元数据,是用数组写的 因为很长,就考虑了一下这个问题 hive的string和var ...

  6. 在dw中如何调试html代码,如何在 Dreamweaver 中优化和调试代码 - Dreamweaver 用户指南...

    了解如何在 Dreamweaver 中清除代码.检查浏览器兼容性.验证 XML 文档并使页面符合 XHTML 规范. 清理代码 您可以自动删除空标签,合并嵌套 font 标签,以及通过其它方法改善杂乱 ...

  7. 2个字节能存多少个16进制_MySql中的varchar长度究竟是字节还是字符

    mysql-varchar 在设计数据库字段的时候,varchar类型,是不是纠结过到底该设置为多大呢? 看完这篇文章,你能搞清楚以下问题: mysql: 1.varchar(100)和varchar ...

  8. dw怎么打开html模板,Dreamweaver中如何使用模板

    随着Internet的普及,很多人已经不满足于仅仅上网冲浪,而希望深入地参与其中.现在,拥有自己的Web网站已经成为一种潮流.虽然制作一个简单的网页并不困难,但是制作出超凡脱俗的网站就不那么容易了.下 ...

  9. Pandas——如何更改DataFrame中的值

    文章目录 1.构造DataFrame 2.运用loc.iloc更改值 3.运用条件判断更改值 4.在DataFrame中添加一列 1.构造DataFrame import pandas as pd i ...

最新文章

  1. 简易zlib库解压缩函数封装
  2. android flash闪退,Android全面停止Flash Adobe专注HTML5
  3. VC常用数据类型使用转换详解
  4. java 输入流关闭顺序_JAVA的节点流和处理流以及流的关闭顺序
  5. π!到底蕴藏了多少不为人知的秘密?|今日最佳
  6. i红枣:在没有暴露链接地址的C#情况下
  7. 可以用img做参数的成功例子
  8. 房产管理信息系统 oracle,房地产企业项目信息管理系统|案场管理系统
  9. 阶段3 1.Mybatis_01.Mybatis课程介绍及环境搭建_04.mybatis概述
  10. doubango TURN Data Indication报文代码
  11. 《经典书籍推荐》程序员修炼之道
  12. Android安卓 自定义mapbox地图比例尺
  13. matlab gram-schmidt,性能 – 加权Gram-Schmidt正交化的MATLAB优化
  14. 项目:私“图”定制——利用ffmpeg制作Gif
  15. pg_stat_database 视图 tup_returned、tup_fetched 的含义
  16. 【Emmet 的使用手册(知识点超全版本)】
  17. 最简单的视音频播放演示样例4:Direct3D播放RGB(通过Texture)
  18. Superset(5):Superset Dashboards看板展示实战
  19. 从编程语言设计的角度理解递归
  20. 关于防火墙导致无法访问的问题解决

热门文章

  1. 手机LBS位置应用服务盘点
  2. springboot 配置热启动
  3. 计算机中sqrt函数是什么意思,(excle sqrt)excel中的SQRT是什么意思?
  4. OpenCV图像处理-区域分割-形态学操作应用
  5. Android 使用高德SDK实现导航笔记,android热更新原理
  6. java交付工程师发展前景,看完没有不懂的
  7. 身份证你需要了解的知识点
  8. mysql 热备份 数据一致性_MySQL 使用 XtraBackup 进行数据热备份指导 [全量+增量]
  9. 【顺序表】顺序表定位
  10. Enhancing Adversarial Training with Second-Order Statistics of Weights