1. 概述
1.1 版本
| 报表服务器版本 |
|---|
| 10.0 |
1.2 功能简介
「填报预览」指在 Web 端预览用来填报数据的模板，一般在只需要录入修改数据的时候使用，也可用来查看数据。
下面我们以内置的「自由填报模板.cpt」 模板为例，来看看「填报预览」的使用方式以及其一些属性的设置。
2. 填报预览
填报预览不仅可以用来查看，而且可以在线输入与修改数据，从而进行数据的采集与入库。
1）打开设计器，在模板面板中打开doc/Form/FreeForm/自由填报模板.cpt这张模板，点击预览按钮下方的倒三角，选择「填报预览」，如下图所示：
注：FineReport 的预览方式有记忆功能，所有新建的模板第一次预览的默认预览方式为分页预览，以后的默认预览方式为上一次打开的方式。
2）点击按钮之后，就会在 Web 端以填报的方式打开模板，可在 Web 端对模板内容进行编辑修改，进行数据的入库操作，相较于分页预览，填报预览的URL地址后面多了一个&op=write的参数。op参数 的值来控制模板的预览方式，没有参数就是普通分页预览，有参数且参数值为 write 就表明这是填报预览。如下图所示：
3. 填报预览设置
填报页面设置，仅对使用填报预览模板有效。
3.1 设置方式
3.1.1 采用服务器设置
设置方式默认为「采用服务器设置」，底部功能均被置灰不可编辑，该方式作用于当前服务器下的所有模板。
如果想要修改服务器预定义的填报预览设置，可以点击设计器菜单栏「服务器>服务器配置>填报预览设置」进行修改。
3.1.2 为该模板单独设置
在设计器中点击「模板>模板web属性>填报页面」设置，就可以对填报页面进行设置，如下图所示：
设置面板主要分为三大块：上面部分是对模板预览效果的一些效果设置，中间部分是模板预览之后的工具栏设置，下方是 Web 事件添加界面。
| 属性 | 内容 | 注意事项 |
|---|---|---|
| 以下设置 | 采用服务器设置：默认情况，使用服务器统一的设置，下面的所有选项都为灰色无法编辑 为该模板单独设置：只适用于当前的模板，下面所有的功能可编辑、设置 | - |
| sheet 标签页显示位置 | 当报表中存在多个sheet时，sheet标签页位置默认处于报表底端，可设置在报表上部 | 移动端无意义 |
| 报表显示位置 | 设置内容在报表当中显示的位置 默认为左展示，如果希望报表显示的内容是居中的，可以选择居中展示 | 移动端无意义 |
| 填报当前编辑行背景颜色设置 | 选择颜色后，会在填报预览的时候，把当前处于编辑状态的行背景颜色显示为设置的颜色 | 移动端无意义 |
| 未提交离开提示 | 在填报的时候，如果有单元格处于已编辑的状态，在关闭或是切换网页的时候，会弹出是否提交的对话框 | - |
| 直接显示控件 | 填报控件无需点击，直接显示控件 | 移动端无意义 |
| 自动暂存 | 对于填报内容，离开页面时，自动暂存 | 移动端无意义 |
使用工具栏 底部工具栏 | 默认使用工具栏 用户可自定义工具栏显示的工具 | 移动端只识别是否要显示填报提交按钮 |
| 事件设置 | 用户可添加 Web 事件 Web 事件的详细介绍请参见 Web 页面事件 | 移动端仅支持加载起始、加载结束、填报前、填报后、填报成功、填报失败事件 |
3.2 sheet 标签页显示位置
设置报表预览时 sheet 栏在浏览器的显示位置，分为「上」和「下」，默认为「下」，对应的效果分别如下图所示：
sheet 栏显示在上方
sheet 栏显示在下方
3.3 报表显示位置
设置报表预览时在浏览器的显示位置，分为「居中展示」和「左展示」，默认为「左展示」，对应的效果与分页预览中的 2.2 节相同。
3.4 填报当前编辑行背景颜色设置
选择颜色后，会在填报预览的时候，把当前处于编辑状态的行背景颜色显示为设置的颜色，默认不勾选，勾选后效果如下图所示：
3.5 未提交离开提示
在填报的时如果有单元格处于已编辑的状态，在关闭或是切换网页的时候，会弹出是否提交的对话框，默认勾选，勾选后效果如下图所示：
3.6 直接显示控件
报表在填报预览时直接显示控件，默认不勾选，勾选后效果如下图所示：
3.7 自动暂存
对于填报内容，离开页面时若未提交则自动暂存，默认不勾选，勾选后在报表中填入数值再刷新页面效果如下图所示：
3.8 工具栏
系统默认勾选使用工具栏，即分页预览时上方会显示工具栏，如果需要隐藏工具栏，取消勾选即可。使用方法与分页预览中的 2.4 节相同。
3.9 事件设置
点击事件设置下方的，可添加 JS 事件，通过 JavaScript 代码的方式实现其他预览需求。详情可参见：Web 页面事件 。