历史版本23 :前端开发指南 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 JavaScript 基础介绍

JavaScript 是一种解释性脚本语言,主要用来向 HTML 页面添加交互行为。可以直接嵌入 HTML 页面,也可以写成单独的 JS 文件。在绝大多数浏览器的支持下,可以在多种平台下运行,如Windows、Linux、Mac 等。

它是一种基于对象和事件驱动的编程语言,是动态的,它可以直接对用户或客户的输入做出响应,无需经过 Web 服务程序。即 JavaScript 源代码在发往客户端执行之前不需经过编译,而是将文本格式的字符代码发送给客户端由浏览器直接解释执行。

它对用户的输入响应,是以事件驱动的方式进行的。所谓事件驱动,就是指在主页中执行了某种操作所产生的动作,比如按

下鼠标、移动窗口、选择菜单等,当动作发生后,可能会引起相应的事件响应。

1.2 如何在 FineReport 中使用

FineReport 是纯 Java 软件,制作的报表是纯 HTML 展现,每一份模板,预览时在浏览器端都将对应一份 HTML文档。作为一份HTML 文档,就可以通过 JavaScript 或 CSS 来修改文档内容或添加内容,所以在制作模板时,通过添加 JavaScript 代码或引用 CSS 可以达到修改报表呈现内容或添加一些交互特效的目的。

如下图所示,提交成功后,工具栏「打印」和「输出」功能不可用。

20180813160001_6147.gif

FineReport 中通过添加事件的方式给模板增加 JavaScript 代码,如下图所示,给模板添加了一个「填报成功」事件,从而实现了上图中的功能。


2. 索引编辑

添加事件时,除 JavaScript 自身的语法外,FineReport 也提供一些 JS 相关的 API 接口,可以参考:帆软软件应用程序接口及开发指导文档  ,或参考帮助文档此目录下介绍接口的相关文档。

相关使用方法或接口汇总类介绍,可参考如下链接。

JS 使用说明

借用浏览器功能写 JS 语句

FineReport 的 JS API

FineReport 的事件

FineReport 的 JS 实例

FineReport 控件的 CSS 样式