历史版本12 :HTML 显示天气预报 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 问题描述

在一些网站界面可以看到当前地区的天气情况，那在报表中应该如何添加天气情况呢？

1.2 解决思路

在单元格中添加 iframe 标签，在单元格其他属性中，修改显示内容使用 HTML 显示。

注：用户也可通过安装「天气预报插件」来显示天气预报，详情请参见： 天气预报插件。 

2. 示例编辑

2.1 设计报表

新建普通报表，在 A1 单元格输入普通文本：

<iframe name="weather_inc" src="http://i.tianqi.com/index.php?c=code&id=1" width="330" height="35" frameborder="0" marginwidth="0" 
marginheight="0" scrolling="no"></iframe>

如下图所示：

1587607818330069.png

注：更多天气预报样式请参见：天气预报免费代码网站

2.2 设置单元格属性

选中 A1 单元格，选择单元格属性>其他，设置显示内容为用 HTML 显示内容，如下图所示：

1587607753113762.png

2.3 效果预览

2.3.1 PC 端

保存模板，点击分页预览，即可显示天气预报。效果如下图所示：

注：需要支持访问外网。

image.png

2.3.2 移动端

App 及 HTML5 端预览效果，如下图所示：

注：需要支持访问外网。

1.png

3. 已完成模板编辑

已完成模板请参见：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Form\FormFAQ\HTML显示天气预报.cpt

点击下载模板：HTML显示天气预报.cpt