自定义提交按钮

1. 问题描述
2. 实现思路
3. 实现步骤

1. 问题描述

在我们使用填报表时，有时只需要提交按钮将数据入库，不希望使用FR内置的工具栏的按钮，希望能够自定义提交按钮。
自定义按钮既可以是FineReport模板中添加的按钮控件，也可以是web集成页面中，html的按钮标签。
（1）FineReport模板中的按钮控件实现自定义提交操作详细请参照自定义按钮中实现提交操作；
（2）而在web页面中，点击html中的按钮提交iframe中的FineReport报表就在下面详述。

效果如下图:

2. 实现思路

FR中内置的报表提交JS代码是contentPane.writeReport()，如果是调用嵌入的报表提交功能的话，使用document.getElementById('报表所在iframe的id').contentWindow.contentPane.writeReport();

3. 实现步骤

3.1 编辑模板

使用模板%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Form\FreeFrom\FreeForm.cpt

3.2 编辑html代码

在网页中添加按钮代码如下：

完整代码：

<html> <head> <title>自定义浏览页面</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> </head> <body> <div id="toolbar"> <button type="button" onclick="document.getElementById('reportFrame').contentWindow.contentPane.writeReport()">提交</button> </div> <iframe id="reportFrame" onload="afterload()" src="/WebReport/ReportServer?reportlet=doc\Form\FreeFrom\FreeForm.cpt&op=write&__showtoolbar__=false" width = 100% height = 80%></iframe> </body> </html>

已完成示例请参照%FR_HOME%\WebReport\page_demo\write.html

在线查看示例效果请点击write.html

主题：

标签：已验证 9.0验证

文档内容仅供参考，如果你需要获取更多帮助，付费/准付费客户请咨询帆软技术支持
关于技术问题，您还可以前往帆软社区，点击顶部搜索框旁边的提问按钮
若您还有其他非技术类问题，可以联系帆软传说哥（qq：1745114201）

自定义提交按钮

1. 问题描述

2. 实现思路

3. 实现步骤

附件列表