摘要:1. 概述1.1 使用場景在實際項目中,為了讓 FineReport 報表中的元件和頁面風格一緻, 可以透過 CSS 修改元件的顯示樣式。如下圖所示,希望參數面板上正文框元件的邊框變為紅色,字體顔色變為[閱讀全文:]
摘要:1. 概述1.1 预期效果扩展图表插件 的仪表盘类图表可以实现数字增长效果,但是如果不使用该插件,希望单元格中的数字可以实现自动增长然后停下来的特效,那么该如何实现呢?效果下图所示:注:这里的自动增长特[閱讀全文:]
摘要:1. 概述1.1 版本报表服务器版本功能变更11.0--1.2 问题描述参数查询时,可以对控件值做一些简单校验,如不能为空,当需要一些复杂校验时,设计器自带的校验规则就无法满足了。例如有两个参数:开始日[閱讀全文:]
摘要:1. 概述1.1 版本报表服务器版本功能变更11.0--1.2 预期效果在参数面板中,添加「下拉复选框控件」,预览报表的时候,「下拉复选框控件」默认全选。如下图所示:注:此方案需要点击输入框后才能变成蓝[閱讀全文:]
摘要:1. 概述1.1 问题描述用户希望可以自定义设置 Tab 的展现与隐藏,比如不同用户可以查看不同的 Tab 块,或者隐藏一些无关 Tab 页的内容,该如何实现呢?如下图所示,设计界面有 3 个 Tab,[閱讀全文:]
摘要:1. 概述1.1 版本报表服务器版本功能变更11.0--1.1 预期效果报表在「分页预览」时,当内容过多时,会自动分页显示,若此类报表在大屏上展示时,想要实现自动切换分页的效果,如下图所示:1.2&nb[閱讀全文:]
摘要:1. 概述1.1 版本报表服务器版本功能变动11.0.3新增 JavaScript 高级编辑器,详情可见 2.4 节1.2 应用场景JavaScript 脚本是 FineReport 事件响应方式的一种[閱讀全文:]
摘要:1. 概述1.1 版本报表服务器版本功能变更11.0--1.2 预期效果当用户做比较大的数据报表时,遇到报表的数据列比较多,可以动态选择需要的列并查询对应的值。如下图所示:注:使用此方案时,为了使用流畅[閱讀全文:]
摘要:1.概述1.1 版本报表服务器版本功能变更11.0--1.2 功能简介通过 JS 接口,获取报表工具栏中的按钮,并对其进行一些操作,如设置某个按钮不可见,不可用。在报表页面中,获取工具栏按钮,可以根据按[閱讀全文:]
摘要:1. 概述1.1 问题描述在设计决策报表时,需要通过决策报表主体的按钮控件或者报表块的超链接获取参数面板的控件值,那么该如何实现呢?1.2 解决思路通过内置接口和 JS 事件获取参数面板的控件值:_g([閱讀全文:]
摘要:1. 概述参数面板上添加控件实现参数查询时,当设计器中控件的配置项无法满足用户的需求时,用户可以使用 JavaScript 来开发功能,如修改控件样式、设置控[閱讀全文:]
摘要:1. 概述JavaScript 中经常需要对日期型的数据进行操作,操作后给日期控件赋值。在对日期数据进行操作时,需要用 JavaScript 中的日期函数来处理日期对象。本文将介绍 JavaS[閱讀全文:]
摘要:1. 概述设计模板时,可以通过 JavaScript 对一些功能进行二次开发。如下图所示,填报提交后某些工具栏按钮设置为不可用。JavaScript 可在控件事件、Web 页面事件、按钮自定义[閱讀全文:]
摘要:1. 概述借助外部途径较多,通过前端代码,并官方接口实现的的一些 JS 示例和方法,代码和浏览器关联较大,使用时请根据实际情况调整,特别注意兼容性问题。2. 索引目录文档应用场景浏览器、设备相关JS实现[閱讀全文:]
摘要:1. 概述1.1 版本报表服务器版本功能变更11.0--1.2 预期效果报表查看过程中,需要有计算当前行数的功能并可以在工具栏上显示当前条数,可通过添加一个自定义按钮来实现该功能。如下图所示:1.3 实[閱讀全文:]
摘要:1. 概述1.1 问题描述数据决策系统中,不同角色查看同一张模板,所看到工具栏按钮或工具栏是否显示效果不同,可通过 权限细粒度之工具栏控制 来实现。但相同角色的不同用户该如何来实现这[閱讀全文:]
摘要:1. 概述有时报表设计时涉及到写 JavaScript 代码,利用 JavaScript 处理某些计算或转换时特别复杂,比如日期格式化、字符串截取替换等等,如利用原生 JavaScript 将当前日期显[閱讀全文:]
摘要:1. 概述1.1 版本报表服务器版本JAR包日期功能变更11.02021-11-15--11.0.12021-12-061)在「数据分析」预览下折叠树接口可使用2)在使用新计算引擎的条件下「分页预览」、[閱讀全文:]
摘要:1. 概述1.1 预期效果在实际工作中,需要实现多张报表自动轮播效果,但区别于 自动切换分页效果 及 图表手动切换。实际效果如下图所示:1.2 实现思路给报表添加「加载结束[閱讀全文:]
摘要:1.概述1.1 版本报表服务器版本功能变更11.0--1.2 预期效果发邮件时,想去掉不需要的邮件格式。如下图所示:默认支持的邮件格式:只保留需要的格式:1.3 实现思路通过添加 JS 事件,去除不需要[閱讀全文:]
摘要:1. 概述1.1 版本报表服务器版本功能变更11.0--1.2 预期效果填报时,在对报表进行审核、提交成功后,我们希望对工具栏的一些按钮做属性的改变,比如:设置不可用、不可见,从而防止误操作。如下图所示[閱讀全文:]
摘要:1. 概述1.1 问题描述Finereport 中 toimage 函数展示的图片不能旋转,当需求是点击单元格能弹框展示图片并可旋转、放大,弹框可拖拽等,要如何实现呢?如下图所示:1.2 解决思路单元格[閱讀全文:]
摘要:1. 概述1.1 应用场景在实际项目中,希望当鼠标移动到单元格上时能够突出显示该行,本文介绍的突出显示该行的方式是增加行高,当鼠标移开时恢复行高。实际效果如下图所示:1.2 实现思路给当前行增加 「加载[閱讀全文:]
摘要:1. 概述1.1 预期效果报表分页预览时,如果需要实现在工具栏点击某个按钮直接控制对参数栏的显示与隐藏,该如何实现?如下图所示:1.2 实现思路利用分页预览设置中,增加自定义按钮的“自定义事件”来控制参[閱讀全文:]
摘要:1. 概述1.1 问题描述报表有多个sheet 时,每次切换 sheet 都需要移动鼠标点击左下方便签,且 sheet 标签过多时,很难准确的选中标签,能不能通过一种简单的方法来供用[閱讀全文:]
摘要:1. 概述1.1 版本报表服务器版本功能变更11.0--1.1 问题描述单元格提示内容换行显示,可以通过设计器 单元格内容提示 中写公式实现,也可以通过添加 JS 实现。效果如下图所示:1.2[閱讀全文:]
摘要:1. 概述1.1 预期效果使用 sql() 函数可以动态取数据库中某个字段的值,但是如果想取得多个字段的值,就必须执行多条 sql() 函数,这样就加大了对服务器资源的请求量;如果查询的 SQL 又比较[閱讀全文:]
摘要:1. 概述jQuery 是一个快速简洁的 JavaScript 库,使用户能方便地处理 HTML 实现交互效果。FineReport 报表前端采用 jQuery 框架,制作的报表解析后最终成为一个 HT[閱讀全文:]
摘要:1. 概述FineReport 报表前端采用 jQuery 框架,jQuery 是一个快速简洁的 JavaScript 库,使用户能方便地处理 HTML 实现交互效果,因此用户可以使用 jQuery 框[閱讀全文:]
摘要:1. 概述Window 对象表示浏览器中打开的窗口。如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 Window 对象,并为每个框架创建一个额外的[閱讀全文:]
摘要:1. 概述每个载入浏览器的 HTML 文档都会成为 Document 对象。 Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。Document 对象是 Wind[閱讀全文:]
摘要:1. 概述Location 对象包含有关当前 URL 的信息。 Location 对象是 Window 对象的一个部分,可通过 window.location 属性来访问。2. 常用属性属性说[閱讀全文:]
摘要:1. 概述1.1 问题描述点击某一列标题改变排序、多列动态排序 文档中实现了报表动态排序,即根据参数值的不同来决定报表按某列升序还是降序排列,我们也可以利用 JS 来实现此效果。如下图所示:1[閱讀全文:]
摘要:1.概述1.1 问题描述当我们报表有多页时,在展示时想使用键盘的上下键、左右键或空格键实现对报表的操作,如上下键实现翻页,该如何实现呢?1.2 实现思路通过 JS 获取按下按键的键值,根据键值对报表进行[閱讀全文:]
摘要:1. 概述1.1 预期效果实现文字 2.5D 动态轮播效果,如下图所示:1.2 实现思路报表中引用外部 JS 和 CSS 文件,利用公式函数解析,实现轮播效果。2. 示例2.1 添加函数1)将压缩包&n[閱讀全文:]
摘要:1. 概述1.1 问题描述当报表嵌入在某个页面 iframe 框架中时,如何在获取主页面里定义的方法、如何获取主页面另外的内嵌 iframe 中的报表呢?即:1)报表嵌入在某个页面的 iframe 框架[閱讀全文:]
摘要:1. 概述1.1 问题描述FineReport 作为一款多语种,跨平台的报表设计器,经常会有客户需要使用多个语言环境来配置报表。那么,如何通过判定操作系统语言环境来自动跳转到对应语种的页面呢?这是多语种[閱讀全文:]
摘要:1. 概述1.1 问题描述Formula.js 是一个实现 Microsoft Excel 和 Google Spreadsheets 等类似的电子表格应用程序具有的强大公式的功能库[閱讀全文:]
摘要:1. 概述1.1 问题描述在决策报表中,监控数据,当不数据不在监控范围内时,声音报警。1.2 解决思路在决策报表的报表块中添加声音标签及监控数据,报表块动态刷新,添加初始化事件,通过 JS 取监控数据判[閱讀全文:]
摘要:1. 概述1.1 预期效果在对于关键指标实时性要求较高的报表中,需要及时掌握某些关键指标的。当某些关键指标值发生较大变化时,需要第一时间给予用户提醒,声音警报提示就是常用的一种。那么如何为报表添加声音提[閱讀全文:]
摘要:1. 概述1.1 预期效果预览报表时,希望预览一段时间后退出当前预览页面,自动跳转到指定页面,如下图所示。注:此方案只是控制报表最长预览时间,超时自动跳转,若要实现平台中用户登录超时退出可参考:登录超时[閱讀全文:]
摘要:1. 概述1.1 版本报表服务器版本功能变更11.0--1.2 预期效果鼠标悬停在表格某一列中任意单元格上,便会显示设置好的图片或文字,鼠标离开该单元格,图片或文字消失。如下图所示:1.3 实[閱讀全文:]
摘要:1. 概述1.1 版本报表服务器版本功能变更11.0--1.1 预期效果报表预览时,工具栏高度是固定的,若需要自定义工具栏的高度,例如自定义工具栏长 300 ,高 100,如下图所示:1.2 实现思路在[閱讀全文:]
摘要:1. 概述1.1 问题描述报表导出时,文件名称默认为模板名称,可以在「模板>模板Web属性>基本>标题」处修改。如果想要导出文件的名称跟随筛选框的值动态变化,该如何实现呢?1.2 实现[閱讀全文:]
摘要:1. 概述1.1 版本报表服务器版本功能变更11.0--1.1 预期效果报表分页预览时,工具栏默认提供了跳转到首页,上一页,下一页,最后一页的按钮,如果需要跳转到指定页,需要输入页码后按回车才能跳转。但[閱讀全文:]
摘要:1. 概述当事件被触发时,就会引起相应的响应。所以添加事件就需要选择对应的事件响应方式。如下图所示:事件的响应方式总共有 7 种:Javascript 脚本、提交入库、发送邮件、导出事件、移动[閱讀全文:]
摘要:1. 概述控件事件,即添加在控件上的事件,添加后当对控件做相应动作时触发。如下图所示,给「按钮控件」添加了一个「点击」事件,事件内容为隐藏参数面板上的「下拉框」控件。预览报表时点击按钮即可隐藏[閱讀全文:]
摘要:1. 概述1.1 版本报表服务器版本功能变更11.0--1.2 问题描述制作报表时,有时需要为控件添加水印文字,给予用户输入提示,编辑控件后水印内容消失。如下图所示:为控件添加水印可直接在控件属性面板中[閱讀全文:]
摘要:1. 概述1.1 版本报表服务器版本功能变更11.0--1.2 预期效果报表中,添加按钮后,可修改按钮名称。一般按钮名称都是横排显示的。若需要竖排显示,该如何实现呢?如下图所示:1.3 实现方法通过添加[閱讀全文:]
摘要:1.概述1.1 版本报表服务器版本功能变更11.0--1.2 问题描述当报表有多个 Sheet 时,可以通过参数面板上按钮跳转到指定的 Sheet 页。如下图所示:1.3 实现思路通过给参数面板上按钮添[閱讀全文:]
摘要:1. 概述1.1 版本报表服务器版本功能变更11.0--1.2 预期效果在参数面板中,添加了「复选按钮组控件」,勾选「支持全选」后,会出现一个「全选」的按钮,若不希望出现此按钮且能默认全选,要如何实现呢[閱讀全文:]
摘要:1. 概述1.1 预期效果注:通过此方案生成的二维码不支持导出,即导出时对应位置不显示二维码。根据报表表格中的信息生成二维码名片,在手机通讯录中扫描二维码之后可以快速将联系人添加到通讯录中。示例二维码如[閱讀全文:]
摘要:1. 概述1.1 版本报表服务器版本功能变更11.0--1.2 问题描述当报表中列表数据太多时,想通过显示按钮隐藏明细数据只显示统计数据。如下图示例,该如何实现?1.3 实现思路通过 JavaScrip[閱讀全文:]
摘要:1. 概述1.1 问题描述在浏览器上大家都习惯于 F11 让报表达到全屏效果,但是对于有些仅用于展示的电脑而言,有时候是不配备键盘,稍做调整只能用鼠标来实现。效果如下图所示,鼠标点击决策报表主体,报表全[閱讀全文:]
摘要:1. 概述1.1 问题描述FineReport 支持多种格式的报表导出方式,直接使用 FineReport 内置导出按钮可以快捷地将报表导出为其他格式。但有时我们只需要导出一种格式的文件,这时就可以通过[閱讀全文:]
摘要:1. 概述FR 报表使用 jQuery 框架,因此可以在模板中使用 jQuery 的 each 函数来遍历整个对象集合,对集合中每个对象进行统一处理。2. 使用说明使用 $[閱讀全文:]
摘要:1. 概述1.1 预期效果FineReport 的「对话框」样式固定,报表设计中,为了使「对话框」与整体风格保持一致,会对「对话框」样式做一些修改,如将弹出的「对话框」设置为透明样式,类似于HTML中的[閱讀全文:]
摘要:1. 概述1.1 问题描述报表开发中,很多情况下需要将报表主体或工具栏设置为不可用,即置灰且不能点击;或初始化设置为不可用,点击某个按钮恢复可用。报表置灰显示如下图所示,那如何实现此效果呢?1.2 实现[閱讀全文:]
摘要:1. 概述报表中很多个性化功能的实现,大多是使用 JavaScript 来实现的,那么我们如何能零基础写 JavaScript 来实现功能呢?我们可以通过浏览器中的「审查元素」,获取到报表中每个元素对应[閱讀全文:]
摘要:1. 概述Finereport 中控件的「事件」功能非常强大,用户可通过自定义 JS 做出想要的效果。但是 JS 对于大多数非专业报表开发者较为陌生,需要额外的学习成本,尤其是 jQuery 选择器。而[閱讀全文:]
摘要:1. 概述1.1 问题描述在平时的报表开发中,我们通常会遇到点击按钮可以实现直接复制文本框里面的这个功能,如何在 FineReport 中实现该功能呢?如下图所示:1.2 实现思路可通过 JS 实现该功[閱讀全文:]
摘要:1. 概述1.1 预期效果有时需要判断当前登录的环境是手机端还是电脑端,如下图所示: 1.2 实现思路可以通过 JavaScript 来实现判断当前的设备类型:navigator[閱讀全文:]
摘要:1. 概述JavaScript 中,我们有时需要对数组进行操作,比如创建数组,遍历数组元素,排序等等。本文将介绍一些数组的基本使用方法。2. 示例2.1 创建数组Array 对象用于在单个变量中存储多个[閱讀全文:]
摘要:1. 概述1.1 预期效果报表开发中,为提升报表美观度,可以使用 JS 实现报表背景色的动态切换。如下图所示:1.2 实现思路报表设计时,在参数面板添加按钮控件, 给按钮添加 JS 点击事件实现报表背景[閱讀全文:]
摘要:1. 概述1.1 预期效果某些填报应用的场景中,需要自定义「提交按钮」,包括按钮的位置和大小,如何实现自定义提交按钮呢?如下图所示:1.2 实现思路通过给「按钮控件」添加事件,利用 JS 代码实现。2.[閱讀全文:]
摘要:1. 概述JavaScript 中会需要对字符串进行操作,比如如何判断字符串是否为空,计算字符串的长度,替换、查找、截取字符串,或者将字符串转换为其他类型等操作。文本将介绍 JavaScript 中如何[閱讀全文:]
摘要:1. 概述1.1 预期效果在平时的报表开发中,我们通常会遇到要获取当前打开报表页面的URL网址相关信息,虽然目前 FineReport 内置的 系统参数 能满足一定的需求,但有一些需[閱讀全文:]
摘要:1. 概述1.1 问题描述当一张报表中内容太多,想根据预览的设备不同显示不同的内容,该怎么实现?如下图所示,模板在移动端和 PC 端预览时,展示内容不同。1.2 实现思路1)通过 JS 来判断当前是浏览[閱讀全文:]
摘要:1. 概述1.1 问题描述在实际项目中,有时需要获取所有单元格的值,如下图所示:1.2 实现思路按钮控件添加点击事件,用 JavaScript 循环语句实现。2. 示例2.1 准备数据新建普通报表,新建[閱讀全文:]
摘要:1. 概述1.1 问题描述在决策报表中,用户通过点击按钮给报表中报表块或图表块传递参数,类似于在普通报表单元格中添加「超链接>动态参数」实现的效果。如下图所示:1.2 实现思路给按钮添加「点击」事[閱讀全文:]
摘要:1. 概述1.1 问题描述JS实现自定义导出文件名称 中,可以在模板「参数面板」中自定义导出按钮,利用 JS 实现自定义导出文件名。当很多模板都要实现这个功能时,每个模板都写一遍 JS,比较麻[閱讀全文:]
摘要:1. 概述1.1 预期效果1)报表预览时,希望鼠标悬浮在表格上时,可以实现同时改变多行背景色,即以多行为一组来改变背景色。2)可以自定义是否改变标题行的背景色。以除标题行外每三行改变背景色为例,效果如下[閱讀全文:]
摘要:1. 概述1.1 预期效果有时报表页面显示内容较多时,为了能突出提示某些内容,我们需要一些特殊效果,比如需要实现浏览器标题栏动态滚动效果。如下图所示:1.2 实现思路利用 JS 中 document.t[閱讀全文:]
摘要:1. 概述1.1 预期效果报表中添加超链接,点击超链接弹出一个对话框,对话框大小固定,没有最大化功能。那如何实现最大化功能呢,如双击对话框标题栏,对话框实现最大化;最大化情况下,双击标题栏返回默认大小。[閱讀全文:]
摘要:1. 概述1.1 问题描述当填报人填报内容与实际不相符时,对填报内容发出警告。对于填报模板,简单的信息提示可能会被忽略,这里提供一个警告音提示的方法。如下图示例,修改再订购量>100时,刷新页面就[閱讀全文:]
摘要:1. 概述1.1 问题描述决策平台中预览报表提供了全屏显示功能,但如果不通过决策平台预览,如何全屏预览单张报表呢?注:本文实现的是普通报表点击按钮全屏显示的实现方法,决策报表中点击按钮实现全屏的方法参见[閱讀全文:]