文档章节

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

朕想上头条
 朕想上头条
发布于 2015/12/08 09:33
字数 465
阅读 20
收藏 0

例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
作品 0
南京
数据可视化案例 | 如何打造数据中心APP产品

意识到数据探索带来的无尽信息,越来越多的企业开始建立自有的数据分析平台,打造数据化产品,实现数据可视化。 在零售商超行业,沃尔玛“啤酒与尿布”的故事已不再是传奇。无论是大数据还是...

九月你好123
2016/11/07
8
0
finereport普通报表的移动端自适应方案

移动端报表呈现,首先要求的是页面随手机屏幕大小自动放缩(自适应),下面给出一个普通报表中的finereport移动端自适应方案,适用于finereport 7.1之前的版本。 首先,了解一下当前我们可以...

九月你好123
2015/07/30
0
0
将报表移动端集成到自有移动端app方法【IOS、Android】

应用场景 用户有自己的app,希望把报表的移动端【本文中以FineReport移动端为例】功能集成到他们的app里面去,而不需要安装两个app。Android端和IOS端的集成接口是不一样的,下面我们分开详述...

九月你好123
2015/08/11
303
1
炫酷报表工具 FineReport 9.0新特性预览

  【IT168 技术】FineReport是由帆软开发的一款商用报表软件,本质来说是一个通用的报表制作和数据可视化工具。因为其应用场景广泛,操作方式简单,在业内拥有不错的口碑。   近日,帆软...

it168网站
2017/11/21
0
0
web报表移动端如何进行移动设备绑定与撤销

场景需求描述 为了增强移动端的登录机制验证,保证数据的安全性,报表工具FineReport提供了移动设备绑定的功能,每个系统用户在使用移动端连接系统的时,需要管理员授权,将用户的移动设备与...

九月你好123
2015/08/20
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

php 使用redis锁限制并发访问类

1.并发访问限制问题 对于一些需要限制同一个用户并发访问的场景,如果用户并发请求多次,而服务器处理没有加锁限制,用户则可以多次请求成功。 例如换领优惠券,如果用户同一时间并发提交换领...

豆花饭烧土豆
20分钟前
0
0
Linux环境搭建 | 手把手教你配置Linux虚拟机

在上一节 「手把你教你安装Linux虚拟机」 里,我们已经安装好了Linux虚拟机,在这一节里,我们将配置安装好的Linux虚拟机,使其达到可以开发的程度。 Ubuntu刚安装完毕之后,还无法进行开发,...

良许Linux
21分钟前
0
0
Nginix开启SSL支持HTTPS访问(自签名方法)

Nginix开启SSL支持HTTPS访问(自签名方法) 超文本传输安全协议(缩写:HTTPS,英语:Hypertext Transfer Protocol Secure)是超文本传输协议和SSL/TLS的组合,用以提供加密通讯及对网络服务器...

openthings
38分钟前
0
0
(三)Nginx配置·续

概述 前文写了关于Nginx环境配置,但是还没有完,接下来将会继续讲三个相关的配置 主要是以下三个 1.Nginx访问日志 2.Nginx日志切割 3.静态文件不记录日志和过期时间 Nginx访问日志 1.先看看...

杉下
今天
1
0
jquery创建类似于java的map

var map = {}; // Map map = new HashMap(); map[key] = value; // map.put(key, value); var value = map[key]; // Object value = map.get(key); var has = key in map; // boolean has = ......

SuperDabai
今天
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部