zoukankan      html  css  js  c++  java
  • [财务][数据化分析][帆软]报表设计-分页预览

     [财务][数据化分析][帆软]报表设计-分页预览

    1. 概述

    分页预览即普通预览模式,FineReport 的默认预览方式,一般在只需要查看报表数据用于分析的时候使用。

    下面我们以内置的 GettingStarted.cpt 模板为例,来看看分页预览的使用方式以及其一些属性的设置。

    2. 分页预览示例

    1)打开设计器,双击打开 GettingStarted.cpt 模板,点击设计器界面上的预览按钮访问报表,如下图所示:

    image.png

    注:该按钮下面有4种预览方式可选:分页预览、填报预览数据分析 和 新填报预览,默认方式为分页预览。

    2)点击分页预览之后,在浏览器端就会打开一张报表,如下图所示:

    1574835067395796.png

    3. 分页预览设置

    分页预览设置页面,仅对分页预览模板有效。

    在设计器中点击模板>模板web属性>分页预览设置,可对分页预览界面进行设置。如下图所示:

    设置面板主要分为三大块:上面部分是对模板预览效果的一些效果设置,中间部分是分页预览之后的工具栏设置,下方是 Web 事件添加界面。1574734281831342.png

    属性内容注意事项
    以下设置

    采用服务器设置:默认情况,使用服务器统一的设置,下面的所有选项都为灰色无法编辑。

    为该模板单独设置:只适用于当前的模板,下面所有的功能可编辑、设置。

    -
    报表显示位置

    设置内容在报表当中显示的位置。

    默认为左展示,如果希望报表显示的内容是居中的,可以选择居中展示。

    1)移动端不生效

    2)分页预览居中展示时,默认无边框线。

    如需添加边框线请添加加载结束事件。JS 代码如下:

    //true 表示添加边框线,false 表示不添加边框线
    页面

    页面的一些特殊设置:

    1)以图片方式显示

    分页预览的时候,会生成图片形式的报表。

    2)iframe嵌入时自动收缩

    如果当前的页面是被以 iframe 的方式嵌入到其他的网页当中的时候,会自动的调整页面的大小,以适合 iframe 的大小。

    3)重方式输出格子

    -

    使用工具栏

    底部工具栏

    默认使用工具栏。当取消选择后,分页预览时不显示该工具栏。

    用户可自定义工具栏显示的工具。

    移动端不支持工具栏设置
    事件设置

    用户可添加 Web 事件。

    Web 事件的详细介绍请参见 Web 页面事件

    移动端仅支持加载起始和加载结束事件。
  • 相关阅读:
    vscode vue开发环境搭建
    mysql索引
    JVM垃圾回收与调优详解
    jenkins操作手册以及脚本编写
    Kibana 管理界面使用教程
    elk安装与搭建
    windows安装elasticsearch服务以及elasticsearch5.6.10集群的配置(elasticsearch5.6.10配置跟1.1.1的配置不太相同,有些1.1.1版本下的配置指令在5.6.10中不能使用)
    springBoot与Swagger2的整合
    java代码实现搜索elasticsearch索引数据
    springBoot配置elasticsearch搜索
  • 原文地址:https://www.cnblogs.com/landv/p/12941154.html
Copyright © 2011-2022 走看看