1.1 版本

1.2 功能简介

「填报预览」指在 Web 端预览用来填报数据的模板，一般在只需要录入修改数据的时候使用，也可用来查看数据。

下面我们以内置的「自由填报模板.cpt」 模板为例，来看看「填报预览」的使用方式以及其一些属性的设置。

填报预览不仅可以用来查看，而且可以在线输入与修改数据，从而进行数据的采集与入库。

1）打开设计器，在模板面板中打开doc/Form/FreeForm/自由填报模板.cpt这张模板，点击预览按钮下方的倒三角，选择「填报预览」，如下图所示：

注：FineReport 的预览方式有记忆功能，所有新建的模板第一次预览的默认预览方式为分页预览，以后的默认预览方式为上一次打开的方式。

2）点击填报预览按钮之后，就会在 Web 端以填报的方式打开模板，可在 Web 端对模板内容进行编辑修改，进行数据的入库操作，相较于分页预览，填报预览的URL地址后面多了一个&op=write的参数。op参数 的值来控制模板的预览方式，没有参数就是普通分页预览，有参数且参数值为 write 就表明这是填报预览。如下图所示：

填报页面设置，仅对使用填报预览模板有效。

3.1 设置方式

3.1.1 采用服务器设置

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

如果想要修改服务器预定义的填报预览设置，可以点击设计器菜单栏「服务器>服务器配置>填报预览设置」进行修改。

3.1.2 为该模板单独设置

在设计器中点击「模板>模板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 页面事件 。