HTML显示天气预报

1.1 问题描述

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

1.2 解决思路

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

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>

如下图所示：

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

2.2 设置单元格属性

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

2.3 效果预览

2.3.1 PC 端

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

注：需要支持访问外网。

2.3.2 移动端

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

注：需要支持访问外网。

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

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