历史版本15 :JS实现决策报表定时刷新 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 预期效果

在大屏展示时,客户电视机上安装了帆软 App,打开报表或者决策报表,需要定时刷新的效果。该如何实现呢?

1.2 实现思路

支持定时 JS,以及取消定时:

setInterval('location.reload();',10000);//时间单位为ms,即每10s刷新一次页面

取消定时 JS:

var timer = setInterval('location.reload();',10000);clearInterval(timer);//取消定时

2. 示例编辑

2.1 打开模板

打开模板%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\frm\决策报表入门.frm

点击下载模板:决策报表入门.frm

2.2 添加初始化后事件

在控件设置中,选择 body,添加初始化后事件,如下图所示

1571201133851647.png

JS 代码如下:

setInterval('location.reload();', 10000); //时间单位为ms,即每10s刷新一次页面

2.3 效果预览

保存模板预览,在 PC 和移动端中都会每 10s 刷新一次决策报表。

2.3.1 PC 端

222

2.3.2 移动端

1)App
222

2)HTML5

222

3. 已完成模板编辑

已完成的模板,可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\表单JS实例\24-决策报表定时刷新JS.frm

点击下载模板:24-决策报表定时刷新JS.frm