欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

关于Finereport移动端报表二次开发的两个小例子

程序员文章站 2022-06-03 19:59:52
...

例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添加加载结束后事件,如下图:

关于Finereport移动端报表二次开发的两个小例子
            
    
    博客分类: 技术,解决方案 Finereport移动端报表二次开发例子 

具体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增加超级链接,如下图所示:

关于Finereport移动端报表二次开发的两个小例子
            
    
    博客分类: 技术,解决方案 Finereport移动端报表二次开发例子 

具体js如下:

1. setTimeout(function() {     

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

3. c.dataRefresh()  

4.          }, 500);  

3.3 保存并预览

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

 

 

0

  • 关于Finereport移动端报表二次开发的两个小例子
            
    
    博客分类: 技术,解决方案 Finereport移动端报表二次开发例子 
  • 大小: 77.1 KB
  • 关于Finereport移动端报表二次开发的两个小例子
            
    
    博客分类: 技术,解决方案 Finereport移动端报表二次开发例子 
  • 大小: 83 KB