1、 问题描述

2、 FineReport 提供的原生 JavaScript 打印能力非常高效。在实际业务系统中，常存在如下需求：在一张数据清单页面中，每行记录末尾均需配置一个“打印”按钮，用户点击后可即时加载并打印该条数据对应的明细报表，从而快速满足单条数据的精准打印诉求。

3、 解决思路

4、 借助 JavaScript 调用 FineReport 的内置打印接口，动态传入目标报表路径及必要参数，即可驱动报表渲染与打印流程。

5、 实施步骤

6、 在 FineReport 模板中集成 FR 打印调用逻辑

7、 若当前清单页面由 FineReport 设计器开发完成：

8、 运行时可通过超链接组件绑定 JavaScript 脚本，实现点击即触发打印动作。

9、 在填报模式或表单预览状态下，亦可使用按钮控件绑定点击事件，调用打印方法，并支持向目标报表传递上下文参数，效果如下所示。

10、 在设计器内编写打印调用代码时，无需手动引入 finereport.js，系统在模板发布为 HTML 页面时会自动注入该脚本依赖。

11、 在自定义网页中调用 FineReport 打印功能

12、 当清单列表并非基于 FineReport 设计器生成，而是由前端框架（如 Vue/React）或传统 HTML+JS 独立开发时，用户点击“打印”按钮后，可通过 JS 获取当前行数据 ID、时间范围等关键参数，动态拼接出目标报表 URL，再调用 FR 的全局打印接口完成输出。

13、 此类场景下，需确保 Web 页面已通过 <script></script> 标签显式引入 finereport.js，具体调用示例代码如下所示。

14、 }