自定义提交按钮

编辑
文档创建者:文档助手1 (67727 )     浏览次数:5131次     编辑次数:13次     最近更新:ukae 于 2018-08-23     

目录:

1. 问题描述编辑

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


2. 实现思路编辑

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

3. 实现步骤编辑

3.1 编辑模板
使用模板%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Form\FreeFrom\FreeForm.cpt
3.2 编辑html代码
在网页中添加按钮代码如下:
<button type="button" onclick="document.getElementById('reportFrame').contentWindow.contentPane.writeReport()">提交</button>
完整代码:
<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="/webroot/decision/view/report?viewlet=doc\Form\FreeFrom\FreeForm.cpt&op=write&__showtoolbar__=false" width = 100% height = 80%></iframe> </body> </html> <br>
已完成示例请参照%FR_HOME%\webapps\webroot\help\page_demo\write.html

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


附件列表


主题: 部署集成
如果您认为本文档还有待完善,请编辑

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

此页面有帮助吗? [ 去社区提问 ]