background image
Web 报表工具 FineReport 中 JavaScript 的使用 
报表软件 FineReport 采用的是 jQuery  v1.9.2 框架,jQuery 是一个快速的,简洁的 JavaScript
库,能让用户更方便地处理 HTML  documents、events,实现动画效果,方便地为网站提供
AJAX 交互,并且它兼容各种浏览器(IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)
。FineReport 报
表解析后最终成为一个 html 页面,因此可以使用 JS 对报表进行各种处理,可以选择使用
jQuery 框架的所有方法对报表进行操作。在此基础上,FineReport 还封装了很多内置的 JS 方
法,这里我就先介绍 JS 的一些基本使用。 
1.  如何使用 JS 
1.1  
报表模板中使用 JS 
作用机理: 
设计模板时可以给控件、工具栏按钮、整个报表添加 JS 事件,每个事件对应一个 function。
当报表转为 html 页面时会将这些 function 加到 html 的头部 head。当事件被触发时如点击按
钮时,或者导出打印报表时,对应的 function 就会被执行。 
引入现成的 JS 文件: 
单个模板引入外部 JS 文件:分页预览、填报预览或者数据分析旁的设置图标,然后点击引
用 JavaScript; 
报表工程下所有模板统一引入外部 JS 文件:服务器>服务器配置>引用 JavaScript。 
相对路径引用 JS:相对于报表工程目录如 WebReport,如 WebReport\js 下有引用的 JS 文件
test.js,则相对路径为 js/test.js; 
绝对路径引用 JS:如 D:\tomcat\webapps\WebReport\WEB-INF\scripts\script.js。 
事件编辑界面: 
FineReport 有统一的事件编辑界面,如按钮控件设置>事件编辑>添加点击事件便可看到事件
编辑界面了,如下图。