分页预览

  • 文档创建者:加菲喵
  • 编辑次数:26次
  • 最近更新:用户z1931049 于 2020-11-19
  • 1. 概述

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

    2. 分页预览示例

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

    1605753426494121.png

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

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

    1605754621610106.png

    注: GettingStarted.cpt  模板设置了参数下拉控件,需先点击查询,再出现数据。

    3. 分页预览设置

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

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

    1605765034143352.png

    主要功能模块如下:

    功能内容注意事项
    设置方式

    填报页面设置的第一步,可选择服务器预定义的填报页面设置,也可以为模板单独定义一个填报页面设置

    -
    报表显示位置

    设置报表在浏览器显示的位置

    移动端不生效

    页面

    页面的一些特殊设置

    -

    工具栏

    可设置是否显示工具栏以及自定义工具栏显示的内容

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

    用户可添加 Web 事件,详情可参见 Web 页面事件

    移动端仅支持加载起始和加载结束事件

    3.1 设置方式

    3.1.1 采用服务器设置

    设置方式默认为「采用服务器设置」,底部功能均被置灰不可编辑,该方式作用于当前服务器下的所有模板。

    1605757445325576.png

    如果想要修改服务器预定义的分页预览设置,可以点击设计器菜单栏服务器>服务器配置,在打开的「报表服务器参数」界面选择「分页预览设置」进行修改。

    1605765059716587.png

    3.1.2 为该模板单独设置

    设置方式下拉选择「为该模板单独设置」时,可直接编辑下方的功能,配置好的页面只作用于当前模板,其他模板不可用。

    1605770077253507.png

    3.2 报表显示位置

    设置报表预览时在浏览器的显示位置,分为「居中展示」和「左展示」,默认为「左展示」,如下图所示:

    1605770144400036.png

    1)居中展示

    1605766246311090.png

    2)左展示

    1605766246736640.png

    3.3 页面设置

    对预览页面的一些特殊设置,如下图所示:

    1605770193562626.png

    1)以图片方式显示:分页预览的时候,会生成图片形式的报表。

    1605768096910424.png

    2)iframe 嵌入时自动收缩:当模板以 iframe 的方式嵌入到其他的模板当中时,预览时会自动调整模板的大小,以适应 iframe 的大小。

    •  嵌入的模板未勾选「iframe 嵌入时自动收缩」时,效果如下图所示:

    1605774511556974.png

    •  嵌入的模板勾选「iframe 嵌入时自动收缩」后,效果如下图所示:

    1605774511933535.png

    3)重方式输出格子:控制单元格的行高列宽不随内容多少而变化。

    3.4 工具栏

    3.4.1 显示工具栏

    系统默认勾选使用工具栏,即填报预览时上方会显示工具栏,如果需要隐藏工具栏,去掉勾选即可。

    1605770278863058.png

    3.4.2 添加工具

    1)双击工具,将工具添加到顶部工具栏。

    2)选中工具后,点击 上.png 将工具添加到顶部工具栏,点击 下.png 将工具添加到底部工具栏。

    3)点击「恢复默认」,可恢复原始状态。

    1605770789630502.gif

    3.4.3 自定义工具栏

    点击工具栏右边的 Snag_5cb4e602.png ,即可进入工具栏编辑界面,如下图所示:

    1605770980261375.png

    编辑界面可以修改已经添加的工具属性和排序,删除单个工具,自定义工具栏的背景。如下图所示:

    1605772329893831.png

    工具栏背景默认「没有背景」,点击「背景设置」,可设置背景为「颜色」、「纹理」、「图案」、「渐变色」、「图片」。以设置背景「颜色」为蓝色为例,效果如下图所示:

    1605772748292681.png

    1605772748694145.png

    3.4.4 删除工具

    已经添加的工具如何删除呢?设计器提供 2 种删除方式,分别如下:

    1)删除所有工具

    点击工具栏右边的 Snag_5d33366f.png ,即可清空工具栏中的所有工具,如下图所示:

    1605772411617149.png

    2)删除单个工具

    点击工具栏右边的 1.png ,在工具栏编辑界面可通过 2.png 删除单个工具,如下图所示:

    1597038561372554.png

    3.5 事件设置

    点击事件设置下方的 Snag_5d3aa534.png ,可添加 JS 事件,通过 JavaScript 代码的方式实现其他预览需求。详情可参见:Web 页面事件

    1605769834162781.png

    附件列表


    主题: 报表设计
    • 有帮助
    • 没帮助
    • 只是浏览
    • 评价文档,奖励 1 ~ 100 随机 F 豆!