1. 概述
1.1 版本
| 报表服务器版本 |
|---|
| 10.0 |
1.2 应用场景
「分页预览」是 FineReport 的默认预览方式，一般在只需要查看报表数据的时候使用。
1.3 功能简介
注：分页预览不支持多 sheet 标签。
1）打开设计器，双击打开内置的 GettingStarted.cpt 模板，点击设计器界面上的「预览按钮>分页预览」即可预览报表，如下图所示：
注：该按钮下面有5种预览方式可选：分页预览、填报预览、数据分析 、新填报预览 、和 移动端预览，默认方式为分页预览。
2）点击「分页预览」之后，在浏览器端就会打开一张报表，如下图所示：
注： GettingStarted.cpt 模板设置了参数下拉控件，需先点击查询，才出现数据。
2. 功能设置
分页预览设置页面，仅对「分页预览」模板有效。在设计器中点击「模板>模板web属性>分页预览」设置，可对分页预览界面进行设置。如下图所示：
主要功能模块如下：
| 功能 | 内容 | 注意事项 |
|---|---|---|
| 设置方式 | 默认选择「采用服务器设置」，可选择「为该模板单独设置」 | - |
| 报表显示位置 | 设置报表在浏览器显示的位置 | 移动端不生效 |
| 页面 | 页面的一些特殊设置 | - |
工具栏 | 可设置是否显示工具栏以及自定义工具栏显示的内容 | 移动端不支持工具栏设置 |
| 事件设置 | 用户可添加 Web 事件，详情可参见 Web 页面事件 | 移动端仅支持加载起始和加载结束事件 |
2.1 设置方式
2.1.1 采用服务器设置
设置方式默认为「采用服务器设置」，底部功能均被置灰不可编辑，该方式作用于当前服务器下的所有模板。
如果想要修改服务器预定义的分页预览设置，可以点击设计器菜单栏「服务器>服务器配置」，在打开的「报表服务器参数」界面选择「分页预览设置」进行修改。如下图所示：
2.1.2 为该模板单独设置
设置方式下拉选择「为该模板单独设置」时，可直接编辑下方的功能，配置好的页面只作用于当前模板，其他模板不可用。
2.2 报表显示位置
设置报表预览时在浏览器的显示位置，分为「居中展示」和「左展示」，默认为「左展示」，如下图所示：
1）居中展示
2）左展示
2.3 页面设置
对预览页面的一些特殊设置，如下图所示：
1）以图片方式显示：分页预览的时候，会生成图片形式的报表。
2）iframe 嵌入时自动收缩：当模板以 iframe 的方式嵌入到其他的模板当中时，预览时会自动调整模板的大小，以适应 iframe 的大小。
嵌入的模板未勾选「iframe 嵌入时自动收缩」时，效果如下图所示：
嵌入的模板勾选「iframe 嵌入时自动收缩」后，效果如下图所示：
3）重方式输出格子：控制单元格的行高列宽不随内容多少而变化。
2.4 工具栏
2.4.1 显示工具栏
系统默认勾选使用工具栏，即分页预览时上方会显示工具栏，如果需要隐藏工具栏，去掉勾选即可。
2.4.2 添加工具
1）双击工具，将工具添加到顶部工具栏。
2）选中工具后，点击 将工具添加到顶部工具栏，点击 将工具添加到底部工具栏。
3）点击「恢复默认」，可恢复原始状态。
2.4.3 自定义工具栏
点击工具栏右边的 ，即可进入工具栏编辑界面，如下图所示：
编辑界面可以修改已经添加的工具属性和排序，删除单个工具，自定义工具栏的背景。如下图所示：
注：10.0.19 及以后的版本自定义按钮名称不支持 html 的写法。
工具栏背景默认「没有背景」，点击「背景设置」，可设置背景为「颜色」、「纹理」、「图案」、「渐变色」、「图片」。以设置背景「颜色」为蓝色为例，效果如下图所示：
2.4.4 删除工具
已经添加的工具如何删除呢？设计器提供 2 种删除方式，分别如下：
1）删除所有工具：点击工具栏右边的 ，即可清空工具栏中的所有工具，如下图所示：
2）删除单个工具：点击工具栏右边的 ，在工具栏编辑界面可通过 删除单个工具，如下图所示：
2.5 事件设置
点击事件设置下方的 ，可添加 JS 事件，通过 JavaScript 代码的方式实现其他预览需求。详情可参见：Web 页面事件 。