历史版本9 :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>
如下图所示:
注:更多天气预报样式请参见:天气预报免费代码网站
2.2 设置单元格属性
选中 A1 单元格,选择单元格属性>其他,设置显示内容为用 HTML 显示内容,如下图所示:
2.3 效果预览
2.3.1 PC 端
保存模板,点击分页预览,即可显示天气预报。效果如下图所示:
注:需要支持访问外网。
2.3.2 移动端
App 及 HTML5 端预览效果,如下图所示:
注:需要支持访问外网。
3. 已完成模板编辑
已完成模板请参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Form\FormFAQ\HTML显示天气预报.cpt
点击下载模板:HTML显示天气预报.cpt