摘要:1. 描述报表中很多个性化功能的实现,大多是使用 JavaScript 来实现的。那么我们如何能零基础写 JavaScript 来实现功能呢?2. 解决方法我们可以通过浏览器中的审查元素来快速编辑 Ja[閱讀全文:]
摘要:1. 概述1.1 预期效果在大屏展示时,客户电视机上安装了帆软 App,打开报表或者决策报表,需要定时刷新的效果。该如何实现呢?1.2 实现思路支持定时 JS,以及取消定时:setInterval(&#[閱讀全文:]
摘要:1. 概述1.1 预期效果下拉框查询时,下拉框自带点的模糊查询为文字不连续也能查出,希望可以实现模糊查询只匹配连续的内容。如下图所示:1.2 解决思路通过 SQL 数据集 like 模糊查询,[閱讀全文:]
摘要:1. 概述1.1 问题描述制作报表时,有时需要为控件添加水印文字,给予用户输入提示,编辑控件后水印内容消失。如下图所示:为控件添加水印可直接在控件属性面板中添加,也可以通过 JS 添加。本文介绍通过 J[閱讀全文:]
摘要:1. 概述1.1 预期效果在设计报表的过程中,有部分需求需要使用填报控件来实现查询的功能。如下图所示,下拉框选择地区后列表自动过滤显示所选地区的数据。1.2 实现方法在参数界面添加「下拉框控件」并隐藏,[閱讀全文:]
摘要:1. 概述1.1 预期效果周报、月报、季报、年报中有参数查询时,每次都需要手动选择,比较繁琐,所以就需要一种快速筛选的方法,只需点击某个按钮,就能准确定位到合适的时间范围,如下图所示:效果一:根据系统时[閱讀全文:]
摘要:1. 概述1.1 预期效果所谓数据回填指的是将查询出来的数据返回给显示的文本框。当用户需要通过弹窗查询数据并进行回填时,可以使用该方法来实现。例如下图示例中的效果:当想要查看某个产品对应的类别 ID 下[閱讀全文:]
摘要:1. 概述1.1 问题描述参数查询时,可以对控件值做一些简单校验,如不能为空,当需要一些复杂校验时,设计器自带的校验规则就无法满足了。例如有两个参数:开始日期和结束日期,校验规则为:1)开始日期与结束日[閱讀全文:]
摘要:1. 概述1.1 问题描述当报表中列表数据太多时,想通过显示按钮隐藏明细数据只显示统计数据。如下图示例,该如何实现?1.2 实现思路通过 JavaScript 修改参数控件的值,单元格中添加条件属性,根[閱讀全文:]
摘要:1. 概述1.1 问题描述在使用查询控件时,有时我们希望能够快捷重置控件的内容,或者重置所有控件的内容。效果如下图所示:重置某个控件的内容:重置所有控件的内容:1.2 实现思路在 JS 事件中获取需要重[閱讀全文:]
摘要:1. 概述1.1 问题描述数据决策系统中,不同角色查看同一张模板,所看到工具栏按钮或工具栏是否显示效果不同,可通过 权限细粒度之工具栏控制 来实现。但相同角色的不同用户该如何来实现这[閱讀全文:]
摘要:1. 概述1.1 问题描述参数界面中,往往需要在一个控件中动态的控制其他控件的值,如下图,当 username 有值时,state 自动变为 1,当 username 无值时,state 自动变为 2。[閱讀全文:]
摘要:1. 概述1.1 问题描述在实际的业务中,希望点击某行的单元格时,在某个单元格中显示对应该行的行号。如下图所示,点击报表单元格,在报表表头上方显示行号?1.2 实现思路通过 contentPane 中的[閱讀全文:]
摘要:1. 概述1.1 问题描述有时候我们可利用 JS 获取单元格的值,或修改单元格中的值,如下图所示:1.2 实现思路在报表上添加按钮控件,通过给按钮添加 JS 事件来获取和改变值。2. 示例2.1 准备模[閱讀全文:]
摘要:1. 概述1.1 问题描述我们在进行填报时,对于某些特定的填报字段,比如成绩、密码之类,要求在填报的时候,只能写一次,一旦写完就不能再进行修改,那么该如何实现呢?1.2 实现思路控件添加编辑后事件,实现[閱讀全文:]
摘要:1. 概述1.1 问题描述报表开发中,很多情况下需要将报表主体或工具栏设置为不可用,即置灰且不能点击;或初始化设置为不可用,点击某个按钮恢复可用。报表置灰显示如下图所示,那如何实现此效果呢?1.2 实现[閱讀全文:]
摘要:1. 概述1.1 问题描述在实际填报过程中,对于单据类的编号的填报,可能编码为标准格式,有固定的长度,例如手机号,固定 11 位数。在填报这类内容时,当字段超过特定的值时,如何设置提醒填报人呢?如下图所[閱讀全文:]
摘要:1. 概述1.1 问题描述制作调查问卷类的填报模板时,可能会需要限制复选框组选中的个数,如限制复选框的个数为 2 个,若超过 2 个就则将所有选中的值清空或者清空超出的部分,如下图所示:1.2 实现思路[閱讀全文:]
摘要:1. 概述1.1 预期效果填报页面设置中,为了页面整洁,默认不勾选「直接显示控件」,在不设置「直接显示控件」的情况下,需要双击单元格才能进入控件进行编辑,显得比较繁琐,那么如何实现单击单元格或利用键盘[閱讀全文:]
摘要: 1. 概述1.1 预期效果制作填报报表时,有时候需要直接获取到字符串中的数字,如下图所示:1.2 实现思路通过给按钮控件添加 JS 点击事件实现。2. 示例2.1 报表设计1)新建内置数据集[閱讀全文:]
摘要:1. 概述1.1 问题描述在实现 Excel 批量导入提交时,会有需要进度条的要求,即在开始导入后,出现进度条显示导入当前导入比例。如下图所示,可以做一个模拟进度条特效,实现最终效果。1.2 实现思路通[閱讀全文:]
摘要:1. 概述1.1 问题描述报表有多个sheet 时,每次切换 sheet 都需要移动鼠标点击左下方便签,且 sheet 标签过多时,很难准确的选中标签,能不能通过一种简单的方法来供用[閱讀全文:]
摘要:1. 概述1.1 问题描述填报报表中,有时需要选择一些记录后,批量修改这些记录的值,比如在审核报表中,同样情况的记录较多时,如果每行单独点击审批,会比较麻烦,这时就需要对选择的记录进行批量审批或批量取消[閱讀全文:]
摘要:1. 概述1.1 问题描述对于填报模板,希望某个单元格的数据是数据库表中某列的多个值(同一个值允许出现多次)且可以自己决定显示顺序,如数据库中的值为'A','B',[閱讀全文:]
摘要:1. 概述1.1 预期效果报表选择「分析预览」或「填报预览」时,由于报表没有分页,通常页面较大。有时用户需要报表在页面加载后,自动滚动到浏览器最下方或最右侧,方便查看或填报最新的数据。如下图所示:1.2[閱讀全文:]
摘要:1. 概述1.1 预期效果在对于关键指标实时性要求较高的报表中,需要及时掌握某些关键指标的。当某些关键指标值发生较大变化时,需要第一时间给予用户提醒,声音警报提示就是常用的一种。那么如何为报表添加声音提[閱讀全文:]
摘要:1. 概述1.1 问题描述 如果报表中有多个 sheet 页,前端预览时,默认展示第一个 sheet 页,那么页面加载后如何展示指定 sheet 页呢?如下图示例中的效果,报表选择填[閱讀全文:]
摘要:1. 概述1.1 问题描述在报表页面中,需要实现点击按钮后可以对页面中一些值做运算或处理。当前在填报页面的逻辑是:控件中填入新值后,需要点击下空白区域或是执行某个其他操作,值才能被正确读取。如果想实现当[閱讀全文:]
摘要:1. 概述1.1 问题描述填报报表,通过 内置校验 可以设置校验规则,校验成功就提交入库,校验不成功则提示错误信息,错误信息弹窗固定,如下图所示:如果用户不想使用 FineReport 内置的[閱讀全文:]
摘要:1. 概述1.1 预期效果报表开发中,很多情况下用户在增加行数的时候,想要自定义输入行数,然后增加指定的行数,而不是点击一次增加一行,效果如下图所示:1.2 实现思路在单元格按钮控件中,添加 JS 点击[閱讀全文:]
摘要:1. 概述1.1 场景描述在主报表中插入超链接,实现点击超链接跳转到子报表后,如何实现从子报表跳转回主报表呢?效果如下图所示:1.2 实现思路在子报表模板的工具栏添加自定义按钮,按钮的「自定义事件」内容[閱讀全文:]
摘要:1. 概述1.1 预期效果使用 插入和删除按钮,每一行都有一个按钮,当数据量过大时,按钮过多会导致模板加载变慢。如何只用一个插入行和删除行按钮,在鼠标停留的行位置插入一行数据或删除对应行数据呢[閱讀全文:]
摘要:1. 概述1.1 问题描述控件添加「提交入库」类型的事件,即可实现点击或编辑控件后填报入库,在进行填报时,希望在填报成功或失败后执行一些动作,如填报成功或失败都能返回回执消息,那么在控件的「提交入库」事[閱讀全文:]
摘要:1. 概述1.1 问题描述在做填报报表时,在某些特定情况下需要设置文本控件初始化时不可用,点击编辑按钮后使控件变为可编辑状态,如下图所示:1.2 实现思路文本控件设置为「不可用」,给按钮控件增加「点击」[閱讀全文:]
摘要:1. 概述1.1 问题描述在实际项目中做填报时,会遇到点击按钮跳转到子窗口填写详细信息,当填报完成,关闭子窗口时,希望能刷新父窗口,要如何设置才能实现子窗口关闭后刷新父页面呢?注:360 浏览器极速模板[閱讀全文:]
摘要:1. 概述1.1 问题描述在做填报报表时,添加的填报控件是扩展显示的,需要获取扩展的填报控件的所有值。如下图所示,获取单选按钮组控件扩展的所有值。1.2 实现思路给按钮添加点击事件遍历扩展的控件,如果控[閱讀全文:]
摘要:索引:通过 JS 获取当前页面 URL 网址信息JS 实现不刷新页面进行排序功能JS 实现时钟效果利用JavaScript制作旋转木马效果自定义填报提交按钮并使其变大在 JS 代码中使用 FineRep[閱讀全文:]
摘要:1.概述1.1 预期效果1.1.1 示例一:填报成功刷新1.1.2 示例二:数据校验刷新1.1.3 示例三:点击按钮刷新1.2 实现思路通过location.reload()来刷新当前页,和手动刷新是一[閱讀全文:]
摘要:1. 概述1.1 应用场景在实现填报联动的基础上,选择第一个控件值后,其他联动控件可以跟随选择可选范围内的第一个值,效果如下图所示:1.2 解决思路在填报页面中,单元格无法使用常规的数据集方式获取动态参[閱讀全文:]
摘要:1. 概述1.1 预期效果报表页面上放置很多图表时,由于内容过多,超出了浏览器窗口的大小导致内容展示不全,这时可以使用滚屏或跑马灯来实现内容全部展示,如下图所示:1.2 实现思路给报表添加「加载结束」J[閱讀全文:]
摘要:1. 概述1.1 预期效果1)报表预览时,希望鼠标悬浮在表格上时,可以实现同时改变多行背景色,即以多行为一组来改变背景色。2)可以自定义是否改变标题行的背景色。以除标题行外每三行改变背景色为例,效果如下[閱讀全文:]
摘要:1. 概述1.1 问题描述在实际项目中,要求每页显示固定的行数,在工具栏实现翻页,鼠标滑动时单元格所在行变色,效果如下图所示:1.2 解决思路使用 JavaScript 来实现每页显示固定的行[閱讀全文:]
摘要:1. 概述1.1 预期效果有时报表页面显示内容较多时,为了能突出提示某些内容,我们需要一些特殊效果,比如需要实现浏览器标题栏动态滚动效果。如下图所示:1.2 实现思路利用 JS 中 document.t[閱讀全文:]
摘要:1. 概述1.1 预期效果报表中添加超链接,点击超链接弹出一个对话框,对话框大小固定,没有最大化功能。那如何实现最大化功能呢,如双击对话框标题栏,对话框实现最大化;最大化情况下,双击标题栏返回默认大小。[閱讀全文:]
摘要:1. 概述根据控件响应时间的不同,我们把控件的事件分为九种:初始化后、编辑前、编辑后、编辑结束、点击、状态改变、值改变、上传后及节点生成。2. 控件事件类型明细控件\事件 [閱讀全文:]
摘要:1. 问题描述FineReport 报表采用 jQuery 框架,jQuery 是一个快速的,简洁的 JavaScript 库,使用户能更方便地处理 HTML documents、events[閱讀全文:]
摘要:1. FSFineReport.js 中除了包含 FineReport 属性和方法之外,还包含了决策系统相关的属性和方法。报表中的 Web 事件、控件事件、JavaScript 类型[閱讀全文:]
摘要:1. FR.ajax大家知道 JS 是前端代码,直接由浏览器来执行,不会与服务器进行交互。通过 Ajax,用户就可使用 JavaScript的XMLHttpRequest 对象来直接与服务器进[閱讀全文:]
摘要:1. 概述1.1 版本报表服务器App 版本HTML5移动端展现插件10.010.1V10.11.2 预期效果用户通过点击报表块单元格的超级链接,实现 Tab 块的切换。如下图所示:1.3 实[閱讀全文:]
摘要:1. 概述1.1 问题描述当填报人填报内容与实际不相符时,对填报内容发出警告。对于填报模板,简单的信息提示可能会被忽略,这里提供一个警告音提示的方法。如下图示例,修改再订购量>100时,刷新页面就[閱讀全文:]
摘要:1. 概述1.1 问题描述使用自带的单元格内容提示,无法实现提示内容换行显示,如下图所示:有时需要实现提示内容换行显示,如下图所示:1.2 实现思路使用 JS 的 title 属性实现。2. 示例2.1[閱讀全文:]
摘要:1. 概述1.1 问题描述Formula.js 是一个实现 Microsoft Excel 和 Google Spreadsheets 等类似的电子表格应用程序具有的强大公式的功能库[閱讀全文:]
摘要:1. 概述1.1 预期效果鼠标滑过及悬停时改变行的颜色,使用contentPane.makeHighlight('red','mouseover')方法在某些情况下并不能[閱讀全文:]
摘要:1. 概述1.1 预期效果扩展图表插件 的仪表盘类图表可以实现数字增长效果,但是如果不使用该插件,希望单元格中的数字可以实现自动增长然后停下来的特效,那么该如何实现呢?效果下图所示:注:这里的自动增长特[閱讀全文:]
摘要:1. 概述1.1 问题描述本文提供了报表一段时间内没有操作,那么页面会自动退出或者关闭的方法。效果如下图所示:1.2 实现思路填报模板添加加载结束事件,JavaScript 代码中设置一个倒计时,当监听[閱讀全文:]
摘要:1. 事件分类编辑根据添加事件的位置不同,FineReport报表中有以下几种事件:控件事件:是指在控件里面添加的事件,控件包括填报控件和参数(报表)控件,控件介绍请查看 控件类型;Web 页[閱讀全文:]
摘要:1. 概述1.1 问题描述使用工具栏的提交按钮进行填报时,如果填报失败会返回错误信息,但是按钮设置提交事件提交失败后并不会报错,这时该如何返回错误信息呢?效果如下图所示:1.2 实现思路设置回调事件,使[閱讀全文:]
摘要:1. 用途描述JavaScript 是一种脚本语言,它可以用来制作与网络无关的,起到与用户交互作用的复杂软件。它是一种基于对象(Object Based)和事件驱动(Event Driver)的编程语言[閱讀全文:]
摘要:1. 概述1.1 应用场景有两个日期控件分别为起始日期和结束日期,要查询一个星期的数据,实现选择起始日期之后,结束日期自动赋值为起始日期后7天的日期。实际效果如下图所示:1.2 实现思路给起始日期添加编[閱讀全文:]
摘要:1. 概述1.1 应用场景在实际项目中,希望当鼠标移动到单元格上时能够突出显示该行,本文介绍的突出显示该行的方式是增加行高,当鼠标移开时恢复行高。实际效果如下图所示:1.2 实现思路给当前行增加 加载结[閱讀全文:]
摘要:1. 概述1.1 问题描述决策平台中预览报表提供了全屏显示功能,但如果不通过决策平台预览,如何全屏预览单张报表呢?注:本文实现的是普通报表点击按钮全屏显示的实现方法,决策报表中点击按钮实现全屏的方法参见[閱讀全文:]
摘要:1. 概述1.1 问题描述普通报表中,如果报表显示位置为居中,且报表中存在冻结,则预览模板时存在黑色边框,如下图所示:1.2 解决思路添加加载结束事件,通过 JavaScript 代码实现隐藏黑色边框。[閱讀全文:]
摘要:1. 概述1.1 预期效果时间齿轮是一个动态的齿轮式样,图表面板中央展示系统当前的实时时间,一般用于大屏场景展示。通过 JS 事件可以实现一个简单的时间齿轮图表,效果如下图所示:1.2 实现思路使用 J[閱讀全文:]
摘要:1. 概述1.1 预期效果实现文字 2.5D 动态轮播效果,如下图所示:1.2 实现思路报表中引用外部 JS 和 CSS 文件,利用公式函数解析,实现轮播效果。2. 示例2.1 添加函数1)将压缩包&n[閱讀全文:]
摘要:1. 概述1.1 问题描述针对于填报 sheet 页多的情况,有的 sheet 页是初始化不需要展示,或者说直接就是隐藏的;例如针对于一些计算用的,这些是不需要页面展示的 sheet 页,直接使用下面的[閱讀全文:]
摘要:1. 概述每个载入浏览器的 HTML 文档都会成为 Document 对象。 Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。Document 对象是 Wind[閱讀全文:]
摘要:1. 概述Location 对象包含有关当前 URL 的信息。 Location 对象是 Window 对象的一个部分,可通过 window.location 属性来访问。2. lo[閱讀全文:]
摘要:1. 概述Window 对象表示浏览器中打开的窗口。如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 Window 对象,并为每个框架创建一个额外的[閱讀全文:]
摘要:1.描述HTML DOM 是 W3C 标准(是 HTML 文档对象模型的英文缩写,Document Object Model for HTML)。HTML DOM 定义了用于 HTML 的一系列[閱讀全文:]
摘要:索引:JS 实现报表在数据分析模式下居中显示JS 实现折叠树/视图树所有节点一键全部展开或收起JS实现自定义折叠树节点展开层数[閱讀全文:]
摘要:1. 描述JavaScript 脚本可在控件事件、Web 页面事件和按钮自定义事件中使用。1.1 控件事件控件事件是在控件上面使用,故控件事件只能运用于参数(决策报表)界面和填报模板[閱讀全文:]
摘要:1. 概述当事件触发时,就会引起相应的响应,在 FR 的事件 中已经介绍了各种事件对应的事件响应方式,下面一一介绍事件响应方式FR 中提供了 5 种响应方式:Javascr[閱讀全文:]
摘要:1. 概述Web 页面事件在模板>模板 Web 属性里面的分页预览设置,填报页面设置与数据分析设置几个标签页中均可设置,分别作用于不同的预览方式,下面以分页预览为例,进入分页预览设置标签[閱讀全文:]
摘要:1. 描述setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。[閱讀全文:]
摘要:1. FR.MsgFR 内置了统一风格的消息框,替代实现了 Window 中的 alert、confirm 以及 prompt。2. FR.Msg.alert 方法2.1 [閱讀全文:]
摘要:1.描述在控件的事件中,可以通过 this 直接获取到当前的控件对象控件指填报单元格中的控件、参数界面中的控件、决策报表 body 主体中的控件获得控件后,可以调用控件的操作方法等2.示例cpt 参数界[閱讀全文:]