自定义按钮

目录:

1. 问题描述

FR虽然有内置的工具栏,但是位置与样式比较死,只能固定在报表上方或下方,不灵活。
用户系统已经自己定义了一套工具栏按钮,页面中只需要嵌入报表内容,不使用FR的工具栏,如下图,用户自己系统里面自定义的打印与输出按钮,放在页面中报表部分之外,如果需要打印报表,点击自定义的按钮,就可调用FR的打印方法进行打印,如下图,那么这种效果该如何实现呢?

2. 解决方案

对于这种iframe中嵌入的报表情况,点击自定义按钮时,先通过js获取到报表所在iframe,由于此iframe中嵌入了FR报表,在初始化的时候会创建一个contentWindow对象,故接下来使用contentWindow获取报表,然后获得contentWindow的容器属性contentPane,最后调用相应的方法。
如报表嵌入在id为reportFrame的iframe中,那么可以通过下面格式的js代码,调用FR内置工具栏的所有方法:
document.getElementById('reportFrame').contentWindow.contentPane.方法名称();
如上图的自定义打印按钮的click事件中就可以写如下代码,触发FR的打印方法:
document.getElementById('reportFrame').contentWindow.contentPane.pdfPrint();

3. contentPane下所有工具栏按钮事件及说明

按钮名称方法名称说明
首页gotoFirstPage()跳转到第一页
末页gotoLastPage()跳转到最后一页
上一页gotoPreviousPage()跳转到上一页
下一页gotoNextPage()跳转到下一页
跳转到指定页gotoPage(num)跳转到指定num页
flash打印flashPrint()flash打印
pdf打印pdfPrint()pdf打印
applet打印appletPrint()applet打印
pdf导出exportReportToPDF()pdf导出
word导出exportReportToWord()word导出
excel导出exportReportToExcel('指定格式')参数为page时分页导出;simple原样导出;sheet分页分sheet导出
邮件emailReport()邮件发送
打印预览printPreview()iframe中的报表为分页预览或者数据分析时才可以用
提交writeReport()强制提交
校验verifyReport()数据校验,只有填报表才可以用
校验并提交verifyAndWriteReport()先对数据进行校验,校验成功则提交数据
插入行列appendReportRC(num)插入num行或列,只有填报表才可以用
删除行列deleteReportRC()删除行列,只有填报表才可以用
导入excelimportExcel()在线导入excel,只有填报表才可以用
页面设置pageSetup()只有数据分析才可以用
4. 按钮事件的示例链接
首页,末页,上一页,下一页和跳转到指定页详细请参照自定义翻页按钮
Flash打印、pdf打印和applet打印详细请参照js调用FR打印方法
pdf导出、word导出、excel导出详细请参照js自定义按钮导出
提交、校验和校验并提交详细请参照自定义按钮中实现提交操作

索引:

自定义翻页按钮

工具栏上显示数据总个数

自定义导出按钮

自定义批量导出

自定义缩放按钮

自定义提交按钮

附件列表


主题:
标签: 暂无标签

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