文档章节

报表移动端app如何实现页面自适应?

朕想上头条
 朕想上头条
发布于 2015/12/03 09:36
字数 696
阅读 33
收藏 0

1. 描述

 PC上制作好的报表,在手机端查看的时候,报表软件默认的自适应效果不尽人如意。例如,报表比较大,到手机上被缩的非常小,字都看不清等等。为此FineReport增加了选项可以手动控制报表在移动终端上的显示效果。本文将详细演示这一功能如何实现并进行详细的操作演示。

2. 步骤

        2.1 安装自适应设置插件

启动设计器,打开服务器>插件管理>全部插件,选择报表自适应插件,然后安装:



 

注:若全部插件中没有显示插件,请更新jar包,或者安装最新的设计器

安装后,重启设计器,打开模板,点击菜单模板,里面会多出一个模板自适应属性,点击后,就可以手动控制app中报表竖屏及横屏时的自适应规则,如下图:



 

       2.2 自适应规则说明

竖屏及横屏自适应的规则可以分开控制,其中pad上的规则也采用横屏这个设置。

下拉框中我们可以看到有4个选项,分别为默认、横向自适应、纵向自适应、不自适应;

默认为FineReport内置的规则,简单说就是优先横向充满,在此基础上如果报表被缩的很小,则适当放大;

横向自适应及纵向自适应,就是横向充满及纵向充满,如果大则缩小,如果小则放大;

不自适应顾名思义就是展示报表的原始大小.

 

3. 示例

例如,下面的报表在PC浏览器中显示如下:



 

表比较宽,这个时候用手机查看,默认效果如下图:



 

可以看到,默认效果会将报表缩的很小,以至于字都看不清了,这种情况下,可以对这张报表,设置竖屏自适应规则,如改成“纵向自适应”,如下图:



 

手机上刷新报表,就可以看到,报表纵向充满了,如下图:



 

注:该功能在ios8.1.4以及android8.1.5版本开始才支持。

 


© 著作权归作者所有

共有 人打赏支持
朕想上头条
粉丝 0
博文 39
码字总数 35647
作品 0
南京
私信 提问
关于报表在移动端展现需你需要知道哪些?

现在,企业或者电商平台的商家、业务方,每天都有大量的人需要在线查看大量的指标,用于监控、分析关键业务数据的发展趋势。而且,这些查看分析数据的诉求,对于随时随地、方便快捷的要求也越...

拾光石艺
2018/10/19
0
0
finereport普通报表的移动端自适应方案

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

九月你好123
2015/07/30
0
0
FineReport如何手动推送APP消息

在报表填报成功后,发送消息至APP会提示数据已更新。再次期间用户需要有查看该模板的权限,如果没有的话,则无法接受到提示信息。那么在FineReport移动端中,如何手动推送APP消息呢? 具体用...

雄霸天下啦
2018/06/26
0
0
移动端报表JS开发示例--获取定位

上次分享了移动端报表JS开发的系统概念,后来我又回去摸索了一些案例。之前接触到的FineReport的APP客户端可以用来打卡签到,就好奇研究了以下,这次就来聊一聊报表移动端开发如何实现定位功...

九月你好123
2016/05/05
171
0
前端屏幕适配的总结

1.web app变革之rem(http://isux.tencent.com/web-app-rem.html) 2.移动前端自适应解决方案和比较(http://caibaojian.com/mobile-responsive-example.html) 3.前端开发终端适配方案(http://w......

IT追寻者
2016/08/03
195
0

没有更多内容

加载失败,请刷新页面

加载更多

求推广,德邦快递坑人!!!!

完全没想好怎么来吐槽自己这次苦逼的德邦物流过程了,只好来记一个流水账。 从寄快递开始: 2019年1月15日从 德邦物流 微信小app上下单,截图如下: 可笑的是什么,我预约的是17号上门收件,...

o0无忧亦无怖
31分钟前
1
0
Mac Vim配置

1.升级 vim   我自己 MacBook Pro 的系统还是 10.11 ,其自带的 vim 版本为 7.3 ,我们将其升至最新版: 使用 homebrew : brew install vim --with-lua --with-override-system-vim 这将下...

Pasenger
44分钟前
0
0
vmware安装Ubuntu上不了网?上网了安装不了net-tools,无法执行ifconfig?

1.重新设置网络适配器还是不行,如下指定nat 2.还需要指定共享网络,我是在无线环境下 3.无法执行ifconfig https://packages.ubuntu.com/bionic/net-tools到这个网站下载net-tools的deb文件...

noob_chr
今天
1
0
解决SVN:E210007无法协商认证机制

svn:E210007 svn: Cannot negotiate authentication mechanism 执行下面代码即可 sudo yum install cyrus-sasl cyrus-sasl-plain cyrus-sasl-ldap...

临江仙卜算子
今天
1
0
java8的时间和`Date`的对比

java8的时间和Date的对比 java8提供了新的时间接口。相对Date,Calendar,个人感觉最大的好处是对时间操作的学习成本很低,比Calendar低。 1. LocalDate,LocalTime,LocalDateTime LocalDate 代...

北风刮的不认真了
今天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部