智能报表自定义按钮提交

若已创建自定义按钮并实现特定业务逻辑，同时希望该按钮还能完成数据提交入库功能，该如何在其中集成FineReport智能报表工具的提交操作？

1、 开启模板

2、 点击模板，进入Web属性中的填报页面设置，取消勾选使用工具栏，以隐藏默认工具栏，实现自定义按钮提交功能。

3、 加个按钮

4、 在B1单元格插入一个名为提交的按钮控件，作为自定义提交按钮，效果所示。

5、 提交按钮触发JS代码

6、 选中提交按钮后，在事件编辑里新增点击事件。

7、 代码如下：

8、 提交数据时，FineReport支持数据校验。若通过自定义按钮提交并需触发内置校验功能，校验失败则阻止提交，可将JS代码修改为相应逻辑实现该效果。

9、 两种提交方式的主要区别在于：前者为强制提交，无论数据是否合规都会执行；后者为校验提交，若数据不符合预设规则，则自动终止提交流程。

10、 此外，FineReport除提供提交接口及校验提交接口外，还支持独立的数据校验功能，即verifyReport()接口，可用于单独验证数据。

11、 查看效果

12、 保存模板后，进入填报预览，修改任意数据并提交，刷新页面即可查看数据成功提交的效果，所示。

13、 通过内置校验的提交JS接口，进入模板下的报表填报属性，选择提交校验并新增一项内置校验即可完成设置。

14、 保存后再次进入填报预览，将D3单元格的数值修改为大于4的数，例如将产品编号为1的供应商数量改为5，点击提交时页面将弹出错误提示，阻止提交操作，具体效果所示。