关于Finereport移动端报表二次开发的两个小例子
关于Finereport移动端报表二次开发的两个小例子
朕想上头条 发表于2年前
关于Finereport移动端报表二次开发的两个小例子
  • 发表于 2年前
  • 阅读 11
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 技术升级10大核心产品年终让利>>>   

摘要: 列举两个Finereport移动端报表二次开发的小例子,解决有关刷新页面和获取表单图表并刷新两个开发人员可能会经常碰到的问题,并进行了详细的操作演示。

例1刷新页面

1. 问题描述

A超链至B填报,B提交数据后返回A时,A自动刷新显示新的数据。

2. 解决方案

1. contentPane.setAppearRefresh();  //A的加载结束后事件中添加js  

3. 示例

3.1 打开报表

%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Advanced\mobile-client\ DetailedDrillA.cpt

%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Advanced\mobile-client\ DetailedDrillB.cpt

3.2 增加js

给模板DetailedDrillA.cpt添加加载结束后事件,如下图:


具体js如下:

1. contentPane.setAppearRefresh();  

3.3 保存并预览

保存模板,在移动端端查看报表,即可看到效果。移动端如何设置请查看添加服务器报表查看

例2获取表单图表并刷新

1. 问题描述

chart0联动report0报表块,改变报表块数据,chart1数据来自报表块;联动报表块后,chart1是不会自动刷新的;

2. 解决方案

使用js,延迟刷新图表数据

获取图表对象:var c=FR.Chart.WebUtils.getChart("chart1");

图表数据刷新:c.dataRefresh();

延迟函数:setTimeout(function() { }, 500);

3. 示例

3.1 打开报表

%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Advanced\mobile-client\ ChartDelayRefresh_1.frm

3.2 增加js

chart0联动report0报表块,点击chart0,改变report0中的数据,chart1中的数据来自report0;现在点击chart0,chart1的图表不会刷新;

给report0增加超级链接,如下图所示:


具体js如下:

1. setTimeout(function() {     

2.     var c=FR.Chart.WebUtils.getChart("chart1");  

3. c.dataRefresh()  

4.          }, 500);  

3.3 保存并预览

保存模板,在移动端端查看报表,即可看到效果。移动端如何设置请查看添加服务器报表查看


共有 人打赏支持
粉丝 0
博文 39
码字总数 35647
×
朕想上头条
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: