1. 概述
1.1 预期效果
在大屏展示时,客户电视机上安装了帆软 App,打开报表或者决策报表,需要定时刷新的效果。该如何实现呢?
1.2 实现思路
支持定时 JS,以及取消定时:
setInterval('location.reload();',10000); //新建一个定时器,它会每隔10000毫秒执行一次对页面的刷新
取消定时 JS:
var timer = setInterval('location.reload();',10000); //把定时器存储在一个叫timer的变量中
clearInterval(timer);//清空这个变量,即可取消定时器
注:设置定时刷新后需要隐藏加载图标,可参考 JS隐藏正在加载图标与文字 在 form 上加一个 JS 事件。
2. 示例
2.1 打开模板
打开模板%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\frm\决策报表入门.frm。
点击下载模板:决策报表入门.frm
2.2 添加初始化后事件
在控件设置中,选择 body,添加初始化后事件,如下图所示:
JS 代码如下:
setInterval('location.reload();', 10000); //时间单位为ms,即每10s刷新一次页面
2.3 效果预览
保存模板预览,在 PC 和移动端中都会每 10s 刷新一次决策报表。
2.3.1 PC 端
2.3.2 移动端
1)App
2)HTML5
3. 已完成模板
已完成的模板,可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\表单JS实例\24-决策报表定时刷新JS.frm
点击下载模板:24-决策报表定时刷新JS.frm