1.1 预期效果

在我们使用填报表时，不希望使用 FineReport 内置的工具栏的按钮，希望能够自定义提交按钮，将数据入库。

自定义提交按钮 只能提交一张模板的数据，若需要提交多张模板数据，如下图所示：

该如何实现呢？

1.2 实现思路

通过给按钮控件添加点击事件实现。

2.1 模板准备

1）下载网页框控件插件，具体可参见：在决策报表中使用网页框控件

2）准备两张填报模板，本文示例准备模板为：

• %FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Form\FreeFrom\FreeForm.cpt

• %FR_HOME%\webapps\webroot\WEB-INF\reportlets\demo\form\填报可暂存.cpt

2.2 添加网页框控件

1）在决策报表中拖入一个网页框控件，命名为aa，「模板路径」为FreeForm.cpt模板所在路径，参数为op，值为write，如下图所示：

2）再拖入一个网页框控件，命名为bb，「模板路径」为填报可暂存.cpt模板所在路径，参数为op，值为write，如下图所示：

2.3 添加按钮控件

在决策报表中添加按钮控件，并为其添加点击事件，JavaScript 代码如下所示：

注：「AA」和「BB」为网页框控件名称，需全部大写。

document.getElementsByName("AA")[0].contentWindow._g().writeReport();
document.getElementsByName("BB")[0].contentWindow._g().writeReport();

2.4 效果预览

注：不支持移动端。

点击「PC端预览」按钮，效果如下图所示：

2.5 已完成模板

点击下载模板：点击按钮提交多张模板.frm