自定义按钮、自定义button、自定义安钮、自定义BUTTEN、web集成、html集成、页面集成、web页面事件、自定义工具栏、自定义控件
1. 问题描述
FR虽然有内置的工具栏,但是位置与样式比较死,只能固定在报表上方或下方,不灵活。
用户系统已经自己定义了一套工具栏按钮,页面中只需要嵌入报表内容,不使用FR的工具栏,如下图,自定义打印与输出按钮,如果需要打印报表,点击自定义的按钮,调用FR的打印方法进行打印:
2. 解决方案
对于这种iframe中嵌入的报表情况,点击自定义按钮时,先通过js获取到报表所在iframe,进而获得iframe中的window对象,然后获得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() | 数据校验,只有填报表才可以用 |
插入行列 | appendReportRC(num) | 插入num行或列,只有填报表才可以用 |
删除行列 | deleteReportRC() | 删除行列,只有填报表才可以用 |
导入excel | importExcelData() | 在线导入excel,只有填报表才可以用 |
页面设置 | pageSetup() | 只有分页预览及数据分析才可以用 |
索引: