"前端开发" 分类下的文档该分类下有92篇文档创建该分类下的文档
JS实现自动报警声音
文档创建者:yiminglian      创建时间:05-16 15:12      标签:      编辑:21次    |   浏览:13089次

摘要:1. 概述1.1 问题描述当填报人填报内容与实际不相符时,对填报内容发出警告。对于填报模板,简单的信息提示可能会被忽略,这里提供一个警告音提示的方法。如下图示例,修改再订购量>100时,刷新页面就[阅读全文:]

JS实现决策报表中点击标题排序
文档创建者:chuan      创建时间:03-14 17:39      标签:      编辑:24次    |   浏览:29271次

摘要:1. 概述1.1 问题描述点击某一列标题改变排序、多列动态排序 文档中实现了报表动态排序,即根据参数值的不同来决定报表按某列升序还是降序排列,我们也可以利用 JS 来实现此效果。如下图所示:1[阅读全文:]

JS实现隐藏Tab页
文档创建者:cherishdqy      创建时间:07-30 01:28      标签:      编辑:28次    |   浏览:31570次

摘要:1. 概述1.1 问题描述用户希望可以自定义设置 Tab 的展现与隐藏,比如隐藏一些无关 Tab 页的内容,该如何实现呢?如下图所示,设计界面有 3 个 Tab,预览时隐藏一个 Tab ,只展示 2 个[阅读全文:]

JS应用office函数公式formula.js库
文档创建者:lovert      创建时间:09-02 14:11      标签:      编辑:6次    |   浏览:13702次

摘要:1. 概述1.1 问题描述Formula.js 是一个实现 Microsoft Excel 和 Google Spreadsheets 等类似的电子表格应用程序具有的强大公式的功能库[阅读全文:]

JS实现打开对话框后弱化主报表背景
文档创建者:luojian0323      创建时间:05-06 10:53      标签:      编辑:5次    |   浏览:2917次

摘要:1. 概述1.1 问题描述一些点击报表中超链或者按钮弹出小框的应用场景中,若主页面和弹出小框风格差异比较大,用户使用时容易没办法聚焦小框内容,尤其是在一些深色背景且色彩较多的大屏应用中。那在这种情况下,[阅读全文:]

JS实现决策报表内报表块刷新/翻页
文档创建者:文档助手1      创建时间:12-17 16:59      标签:      编辑:32次    |   浏览:80919次

摘要:1. 概述1.1 问题描述有的时候我们不想刷新整个决策报表 决策报表定时刷新 JS,而只想刷新报表里的报表块。报表里的报表块如何实现局部刷新?报表里的报表块又如何实现跳转到指定页?如下图所示:[阅读全文:]

自定义JS事件中快速选择指定DOM
文档创建者:jiangsr      创建时间:09-03 09:45      标签:      编辑:5次    |   浏览:15641次

摘要:1. 概述Finereport 中控件的「事件」功能非常强大,用户可通过自定义 JS 做出想要的效果。但是 JS 对于大多数非专业报表开发者较为陌生,需要额外的学习成本,尤其是 jQuery 选择器。而[阅读全文:]

文档迁移说明
文档创建者:RosieY      创建时间:12-14 16:42      标签:      编辑:2次    |   浏览:1609次

摘要:帮助文档中原有的一些非官方的方案,因为存在兼容性隐患、安全隐患,迁移到论坛。此类方案用户酌情使用,官方版本迭代可能会导致方案失效。另外,建议用户使用官方支持的方案。以下为迁移的文档记录:文档链接论坛链接[阅读全文:]

其它JS
文档创建者:文档助手1      创建时间:01-19 15:07      标签:      编辑:13次    |   浏览:16817次

摘要:1. 概述借助外部途径较多,通过前端代码,并官方接口实现的的一些 JS 示例和方法,代码和浏览器关联较大,使用时请根据实际情况调整,特别注意兼容性问题。2. 索引目录文档应用场景浏览器、设备相关JS实现[阅读全文:]

JS实现根据不同设备显示不同内容
文档创建者:cherishdqy      创建时间:04-16 09:19      标签:      编辑:16次    |   浏览:8954次

摘要:1. 概述1.1 问题描述当一张报表中内容太多,想根据预览的设备不同显示不同的内容,该怎么实现?如下图所示,模板在移动端和 PC 端预览时,展示内容不同。1.2 实现思路1)通过 JS 来判断当前是浏览[阅读全文:]

JS实现决策报表中网页框刷新
文档创建者:cherishdqy      创建时间:12-19 18:02      标签:      编辑:7次    |   浏览:15555次

摘要:1. 概述1.1 问题描述当使用网页框在一张报表中展示两块内容时,希望点击其中一块内容的某个地方触发刷新另一块内容,如其中一个网页框嵌入了其他网站的学习教程,需要刷新。如下图所示,当决策报表中使用了 A[阅读全文:]

JS实现决策报表中添加声音报警
文档创建者:tao_yf      创建时间:11-10 15:22      标签:      编辑:5次    |   浏览:2741次

摘要:1. 概述1.1 问题描述在决策报表中,监控数据,当不数据不在监控范围内时,声音报警。1.2 解决思路在决策报表的报表块中添加声音标签及监控数据,报表块动态刷新,添加初始化事件,通过 JS 取监控数据判[阅读全文:]

JS自定义工具栏按钮控制参数面板的显示与隐藏
文档创建者:yiyemeiying      创建时间:11-11 15:16      标签:      编辑:19次    |   浏览:16884次

摘要:1. 概述1.1 预期效果普通报表在分页预览时,如果需要实现在工具栏点击某个按钮直接控制对参数栏的显示与隐藏,该如何实现?如下图所示:1.2 实现思路利用分页预览设置中,增加自定义按钮的“自定义事件”来[阅读全文:]

JS 实现点击查询后停留在当前查询的 Tab 页
文档创建者:yiyemeiying      创建时间:11-02 11:05      标签:      编辑:26次    |   浏览:29890次

摘要:1. 概述1.1 问题描述在使用决策报表的 Tab 块功能时,我们经常会遇到类似这样的问题:当在一个 Tab 块中有多个 Tab 页存在,如果用户所处其他&nbs[阅读全文:]

JS实现控制报表最长预览时间,超时自动退出
文档创建者:yets11      创建时间:02-26 21:38      标签:      编辑:11次    |   浏览:12734次

摘要:1. 概述1.1 问题描述多用户并发一直是服务器部署中头一个关键考虑因素,目前 FineReport 已经提供了相对较好的多用户 Session 控制方案,也提供了 防宕机插件 来控[阅读全文:]

JS实现报表标题动态滚动效果
文档创建者:yets11      创建时间:04-04 22:12      标签:      编辑:8次    |   浏览:17699次

摘要:1. 概述1.1 预期效果有时报表页面显示内容较多时,为了能突出提示某些内容,我们需要一些特殊效果,比如需要实现浏览器标题栏动态滚动效果。如下图所示:1.2 实现思路利用 JS 中 document.t[阅读全文:]

JS实现文字2.5D动态轮播
文档创建者:hubery1027      创建时间:03-30 14:18      标签:      编辑:5次    |   浏览:6983次

摘要:1. 概述1.1 预期效果实现文字 2.5D 动态轮播效果,如下图所示:1.2 实现思路报表中引用外部 JS 和 CSS 文件,利用公式函数解析,实现轮播效果。2. 示例2.1 添加函数1)将压缩包&n[阅读全文:]

JS实现键盘翻页效果
文档创建者:cherishdqy      创建时间:02-17 14:09      标签:      编辑:8次    |   浏览:9573次

摘要:1.概述1.1 问题描述当我们报表有多页时,在展示时想使用键盘的上下键、左右键或空格键实现对报表的操作,如上下键实现翻页,该如何实现呢?1.2 实现思路通过 JS 获取按下按键的键值,根据键值对报表进行[阅读全文:]

对话框背景透明
文档创建者:皆非旧人      创建时间:02-26 16:19      标签:      编辑:6次    |   浏览:7394次

摘要:1. 概述1.1 预期效果FineReport 的「对话框」样式固定,报表设计中,为了使「对话框」与整体风格保持一致,会对「对话框」样式做一些修改,如将弹出的「对话框」设置为透明样式,类似于HTML中的[阅读全文:]

JS设置动态背景/边框
文档创建者:天狮座      创建时间:08-22 11:37      标签:      编辑:29次    |   浏览:38978次

摘要:1. 概述1.1 预期效果制作大屏模板时,给报表或者报表中的某一部分添加动态背景或动态边框。如下图所示:1.2 实现思路1)通过添加「初始化后」事件或「加载结束」事件,使用 JS 调用 GIF 格式的图[阅读全文:]

JS控制工具栏按钮的属性
文档创建者:yiyemeiying      创建时间:02-24 22:02      标签:      编辑:15次    |   浏览:21163次

摘要:1. 概述1.1 预期效果填报时,在对报表进行审核、提交成功后,我们希望对工具栏的一些按钮做属性的改变,比如:设置不可用、不可见,从而防止误操作。如下图所示,提交成功后,打印和输出功能不可用。1.2 实[阅读全文:]

JS实现切换Tab块时进行数据联动
文档创建者:杰杰1108      创建时间:01-25 14:35      标签:      编辑:3次    |   浏览:9479次

摘要:1. 概述1.1 预期效果在决策报表中,希望 Tab 块轮播切换时,可实现与报表块的数据联动。如下图所示:1.2 实现思路通过 JS 获取每个 Tab 块的轮播标题,转换为参数值,再通过控件进行界面传参[阅读全文:]

FineReport 的事件
文档创建者:印然      创建时间:11-18 10:47      标签:      编辑:22次    |   浏览:51380次

摘要:1. 事件分类根据添加事件的位置不同,FineReport 报表中有以下几种事件:控件事件:在控件上添加的事件,在「控件设置>事件」处添加,控件介绍可查看 控件类型。Web 页面事件:给[阅读全文:]

AJAX
文档创建者:印然      创建时间:11-10 14:29      标签:      编辑:16次    |   浏览:39522次

摘要:ajax 是一种与服务器交换数据的技术,可以在不重新载入整个页面的情况下更新网页的一部分。FR.ajax 是封装过的 jQuery.ajax() 函数,在报表中对特定网页进行 ajax 请求,[阅读全文:]

JavaScript脚本
文档创建者:印然      创建时间:11-10 14:25      标签:      编辑:42次    |   浏览:108080次

摘要:1. 概述1.1 应用场景JavaScript 脚本是 FineReport 事件响应方式的一种,当事件发生时,执行 JavaScript 代码,通常用于给报表添加一些交互动作和页面特效。如下&nbsp[阅读全文:]

contentPane
文档创建者:印然      创建时间:11-10 14:43      标签:      编辑:38次    |   浏览:129778次

摘要:1. 概述contentPane 是 contentWindow 下面的最常用的一个属性,为存放 cpt 报表内容的容器。注:contentPane 只有在 cpt 中才有,frm 中没有2. 引用 c[阅读全文:]

JS实现暂停和继续轮播报表
文档创建者:axing      创建时间:03-19 21:04      标签:      编辑:16次    |   浏览:18818次

摘要:1. 概述1.1 问题描述在开发大屏报表的时候,有时会让多张大屏轮播,在特定的情况下能停止轮播。如下图所示,两张报表轮播,当鼠标移入报表时,停止轮播。1.2 解决思路可以通过 JavaScript&nb[阅读全文:]

日期对象
文档创建者:印然      创建时间:11-17 16:17      标签:      编辑:13次    |   浏览:21214次

摘要:1. 概述JavaScript 中经常需要对日期型的数据进行操作,操作后给日期控件赋值。在对日期数据进行操作时,需要用 JavaScript 中的日期函数来处理日期对象。本文将介绍 JavaS[阅读全文:]

JavaScript实例
文档创建者:印然      创建时间:11-17 15:50      标签:      编辑:20次    |   浏览:53194次

摘要:1. 概述设计模板时,可以通过 JavaScript 对一些功能进行二次开发。如下图所示,填报提交后某些工具栏按钮设置为不可用。JavaScript 可在控件事件、Web 页面事件、按钮自定义[阅读全文:]

前端开发指南
文档创建者:印然      创建时间:11-10 14:41      标签:      编辑:29次    |   浏览:254722次

摘要:1. 概述jQuery 是一个快速简洁的 JavaScript 库,使用户能方便地处理 HTML 实现交互效果。FineReport 报表前端采用 jQuery 框架,制作的报表解析后最终成为一个 HT[阅读全文:]

JS实现工具栏添加计数
文档创建者:Poseidon      创建时间:02-27 11:15      标签:      编辑:16次    |   浏览:18586次

摘要:1. 概述1.1 版本报表服务器版本功能变更10.0--1.2 预期效果报表查看过程中,需要有计算当前行数的功能并可以在工具栏上显示当前条数,可通过添加一个自定义按钮来实现该功能。如下图所示:1.3 实[阅读全文:]

JS实现获取参数面板控件值
文档创建者:cherishdqy      创建时间:07-25 21:43      标签:      编辑:15次    |   浏览:47948次

摘要:1. 概述1.1 问题描述在设计决策报表时,需要通过决策报表主体的按钮控件或者报表块的超链接获取参数面板的控件值,那么该如何实现呢?1.2 解决思路通过内置接口和 JS 事件获取参数面板的控件值:_g([阅读全文:]

在JS中使用FR公式
文档创建者:yets11      创建时间:02-24 08:04      标签:      编辑:13次    |   浏览:64425次

摘要:1. 概述有时报表设计时涉及到写 JavaScript 代码,利用 JavaScript 处理某些计算或转换时特别复杂,比如日期格式化、字符串截取替换等等,如利用原生 JavaScript 将当前日期显[阅读全文:]

FineReport内置方法
文档创建者:印然      创建时间:11-10 14:45      标签:      编辑:41次    |   浏览:85052次

摘要:1. 概述前端预览报表时,模板会被转为 HTML,这个 HTML 的 head 标签中会引入 FineReport 内置的 JavaScript 文件finereport.js,代码如下:&l[阅读全文:]

在报表中调用客户JS的方法
文档创建者:印然      创建时间:11-17 17:04      标签:      编辑:12次    |   浏览:16999次

摘要:1. 概述1.1 问题描述当报表嵌入在某个页面 iframe 框架中时,如何在获取主页面里定义的方法、如何获取主页面另外的内嵌 iframe 中的报表呢?即:1)报表嵌入在某个页面的 iframe 框架[阅读全文:]

JS实现普通报表自动轮播
文档创建者:yiyemeiying      创建时间:05-13 22:43      标签:      编辑:25次    |   浏览:27350次

摘要:1. 概述1.1 预期效果在实际工作中,需要实现多张报表自动轮播效果,但区别于 自动切换分页效果 及 图表手动切换。实际效果如下图所示:1.2 实现思路给报表添加「加载结束[阅读全文:]

FS决策系统
文档创建者:印然      创建时间:11-10 14:34      标签:      编辑:34次    |   浏览:65497次

摘要:1. FSFineReport.js 中除了包含 FineReport 属性和方法之外,还包含了决策系统相关的属性和方法。报表中的 Web 事件、控件事件、JavaScript 类型[阅读全文:]

JS实现自定义工具栏高度
文档创建者:yi丶搁浅      创建时间:03-29 11:53      标签:      编辑:10次    |   浏览:8993次

摘要:1. 概述1.1 预期效果报表预览时,工具栏高度是固定的,若需要自定义工具栏的高度,比如修改为 40px,该如何实现? 如下图所示:1.2 实现思路在「填报页面设置」中添加「加载结束」事件,利用 JS[阅读全文:]

JS修改邮件格式选项
文档创建者:yi丶搁浅      创建时间:03-30 09:34      标签:      编辑:8次    |   浏览:8301次

摘要:1.概述1.1 问题描述发邮件时,想去掉不需要的邮件格式。如下图所示:默认支持的邮件格式:只保留需要的格式:1.2 实现思路通过添加 JS 事件,去除不需要的邮件格式。2. 示例2.1 准备模板新建空白[阅读全文:]

JS实现点击跳转按钮跳转到指定页面
文档创建者:yets11      创建时间:02-28 13:41      标签:      编辑:9次    |   浏览:55023次

摘要:1. 概述1.1 预期效果报表分页预览时,工具栏默认提供了跳转到首页,上一页,下一页,最后一页的按钮,如果需要跳转到指定页,需要输入页码后按回车才能跳转。但很多人不习惯回车键操作,习惯在工具栏点击按钮实[阅读全文:]

JS实现参数组合筛选的前进和后退
文档创建者:chuzhihao      创建时间:05-06 21:02      标签:      编辑:8次    |   浏览:7883次

摘要:1. 概述1.1 应用场景在一些特定场合下当参数过多时用户进行参数组合筛选需要不断自行调整控件值,会使参数筛选过滤变得很麻烦。因此有的用户想要实现参数筛选后自动保存参数组合,然后通过点击按钮实现参数组合[阅读全文:]

JS实现隐藏决策报表组件
文档创建者:1879483131      创建时间:02-15 11:24      标签:      编辑:23次    |   浏览:43826次

摘要:1. 概述1.1 问题描述不勾选决策报表组件属性>基本下的可见,可在前端展示时隐藏决策报表组件,但是无法自由切换隐藏或显示。那么如何才能在前端预览时自由切换组件隐藏或显示呢?效果如下图所示:1.2[阅读全文:]

JS实现自定义切换查看报表块
文档创建者:Kevin-s      创建时间:05-13 15:48      标签:      编辑:7次    |   浏览:8954次

摘要:1. 概述1.1 预期效果日常业务中,需要能够点击不同按钮,展现不同的报表,和 Tab 效果类似。如下图所示:1.2 实现思路在决策报表中添加按钮和报表块,给按钮添加 JS 事件,来控制报表块的显示和隐[阅读全文:]

JS实现在报表参数界面获取控件的值
文档创建者:gxy120313      创建时间:03-03 15:27      标签:      编辑:12次    |   浏览:51442次

摘要:1. 概述1.1 问题描述在实际项目中,使用决策报表的时候,有时会用到在决策报表参数面板获取报表控件的值,那么该如何实现呢?1.2 实现思路使用 JS 获取报表主体的控件值:_g().getWidget[阅读全文:]

JS实现统一Tab块标题宽度
文档创建者:听雨轩      创建时间:02-02 10:54      标签:      编辑:8次    |   浏览:9310次

摘要:1. 概述1.1 问题描述使用决策报表 Tab 块时,默认的 Tab 标题会根据字数自动扩展。若想实现统一宽度,除了「补空格使标题字数一致」的方法外,是否有其他方法实现 Tab 标题手动设置统一宽度呢?[阅读全文:]

curLGP
文档创建者:印然      创建时间:11-10 14:37      标签:      编辑:14次    |   浏览:39437次

摘要:1. 概述curLGP 即 current logicpane,填报预览和分析预览下 contentPane 下都会有一个 curLGP 对象。2. 引用curLGP1)在 cpt 模板中在[阅读全文:]

数据库表字段控制Tab块隐藏
文档创建者:L大大      创建时间:05-13 18:47      标签:      编辑:8次    |   浏览:10669次

摘要:1. 概述1.1 预期效果通过数据库表中设置的字段值,控制决策报表的每个 Tab 块是否显示,如下图所示:数据库表字段:SITUATION 字段的值控制 Tab 是否显示。效果展示:一共有 4 个 Ta[阅读全文:]

工具栏JS实例
文档创建者:caixiaolan      创建时间:08-30 15:53      标签:      编辑:7次    |   浏览:15640次

摘要:1.概述通过 JS 接口,获取报表工具栏中的按钮,并对其进行一些操作,如设置某个按钮不可见,不可用。1.1 获取工具栏按钮在报表页面中,获取工具栏按钮,可以根据按钮位置或按钮名称获取。1)根据按钮位置获[阅读全文:]

Msg
文档创建者:印然      创建时间:11-10 14:31      标签:      编辑:14次    |   浏览:54773次

摘要:1. FR.MsgFR 内置了统一风格的消息框,替代实现了 Window 中的 alert、confirm 以及 prompt。2. FR.Msg.alert 方法2.1 [阅读全文:]

控件事件
文档创建者:印然      创建时间:11-17 16:06      标签:      编辑:27次    |   浏览:74166次

摘要:1. 概述根据控件响应时间的不同,我们把控件的事件分为九种:初始化后、编辑前、编辑后、编辑结束、点击、状态改变、值改变、上传后及节点生成。2. 控件事件类型明细控件事件&nbsp[阅读全文:]

JS实现决策报表中Tab块轮播
文档创建者:Holly      创建时间:05-25 10:22      标签:      编辑:13次    |   浏览:30943次

摘要:1. 概述1.1 问题描述对于多 Tab 的决策报表,如何实现固定时间间隔内自动循环跳转?1.2 解决思路方法一:Tab 布局 中tabpane 中有 Tab 轮播功能,详细可查看 Tab 布[阅读全文:]

JS实现点击报表实现全屏效果
文档创建者:天狮座      创建时间:03-29 18:26      标签:      编辑:14次    |   浏览:13097次

摘要:1. 概述1.1 问题描述在浏览器上大家都习惯于 F11 让报表达到全屏效果,但是对于有些仅用于展示的电脑而言,有时候是不配备键盘,稍做调整只能用鼠标来实现。效果如下图所示,鼠标点击决策报表主体,报表全[阅读全文:]

JS实现报表块数据变化后刷新联动的图表块
文档创建者:文档助手1      创建时间:01-19 17:15      标签:      编辑:18次    |   浏览:32368次

摘要:1. 概述1.1 问题描述决策报表中,当报表块和图表块之间有联动且图表块的数据来源于报表块单元格时,当报表块数据发生变化后,图表块数据不会随着变化。如下图所示:chart0 联动 report0 报表块[阅读全文:]

JS实现点击跳转页面和定时跳转页面
文档创建者:天狮座      创建时间:08-24 10:46      标签:      编辑:16次    |   浏览:46632次

摘要:1. 概述1.1 问题描述在报表的制作中,往往会用到报表之间的跳转甚至携带参数的跳转,如下图所示,点击一个报表块时跳转到另一个报表。1.2 实现思路使用 JS 实现跳转window.location =[阅读全文:]

JS隐藏正在加载图标与文字
文档创建者:星痕      创建时间:10-13 23:42      标签:      编辑:23次    |   浏览:22348次

摘要:1. 概述1.1 问题描述决策报表展示中,尤其大屏报表,会涉及到数据定时刷新、我们可以通过添加 JS 来实现刷新效果。但在刷新过程中,会出现正在加载的图标。如下图所示:所以在刷新过程中,不显示加载图标,[阅读全文:]

引用控件及控件方法列表
文档创建者:印然      创建时间:11-17 16:10      标签:      编辑:20次    |   浏览:83607次

摘要:1. 概述控件有很多的方法,比如控制控件是否可见,是否可用等等,在调用控件方法前必须要获取到控件。从 6.5.5 版本开始,在cpt 和 frm 的参数界面,在 cpt 的填报界面和在 frm[阅读全文:]

jQuery语法
文档创建者:印然      创建时间:11-17 16:13      标签:      编辑:11次    |   浏览:14604次

摘要:1. 概述FR 报表使用 jQuery 框架,因此可以在模板中使用 jQuery 的 each 函数来遍历整个对象集合,对集合中每个对象进行统一处理。2. 使用说明使用 $[阅读全文:]

JS实现日期控件点击确定后再查询
文档创建者:zhouxi      创建时间:03-16 09:51      标签:      编辑:4次    |   浏览:5745次

摘要:1. 概述1.1 问题描述日期控件放置在决策报表的 body 中时,只要更改日期控件的值就会直接触发参数传递,而并非是点击日期控件上的「确定」按钮后才触发。如下图所示:1.2 实现思路增加一个日期控件做[阅读全文:]

JS设置报表主体不可用
文档创建者:gxy120313      创建时间:02-21 09:26      标签:      编辑:32次    |   浏览:9301次

摘要:1. 概述1.1 问题描述报表开发中,很多情况下需要将报表主体或工具栏设置为不可用,即置灰且不能点击;或初始化设置为不可用,点击某个按钮恢复可用。报表置灰显示如下图所示,那如何实现此效果呢?1.2 实现[阅读全文:]

JS实现日期控件点击取消即可取消选择值
文档创建者:Wendy123456      创建时间:03-09 15:08      标签:      编辑:2次    |   浏览:3609次

摘要:1. 概述1.1 问题描述注:2020-07-08 及之后的 JAR 不会有该问题。点击下载示例模板:test.frm日期控件格式为 yyyy-MM ,点击日期控件选择日期[阅读全文:]

借用浏览器功能写JS语句
文档创建者:flyingsnake      创建时间:04-07 15:31      标签:      编辑:16次    |   浏览:54981次

摘要:1. 概述报表中很多个性化功能的实现,大多是使用 JavaScript 来实现的,那么我们如何能零基础写 JavaScript 来实现功能呢?我们可以通过浏览器中的「审查元素」,获取到报表中每个元素对应[阅读全文:]

JS实现点击按钮复制文本内容功能
文档创建者:Kevin-s      创建时间:08-21 17:35      标签:      编辑:8次    |   浏览:8422次

摘要:1. 概述1.1 问题描述在平时的报表开发中,我们通常会遇到点击按钮可以实现直接复制文本框里面的这个功能,如何在 FineReport 中实现该功能呢?如下图所示:1.2 实现思路可通过 JS 实现该功[阅读全文:]

JS判断PC和移动设备类型
文档创建者:flyingsnake      创建时间:03-08 16:43      标签:      编辑:13次    |   浏览:12948次

摘要:1. 概述1.1 预期效果有时需要判断当前登录的环境是手机端还是电脑端,如下图所示:   1.2 实现思路可以通过 JavaScript 来实现判断当前的设备类型:navigator[阅读全文:]

JS判断操作系统语言(浏览器)
文档创建者:flyingsnake      创建时间:03-10 14:31      标签:      编辑:8次    |   浏览:9686次

摘要:1. 概述1.1 问题描述FineReport 作为一款多语种,跨平台的报表设计器,经常会有客户需要使用多个语言环境来配置报表。那么,如何通过判定操作系统语言环境来自动跳转到对应语种的页面呢?这是多语种[阅读全文:]

数组对象
文档创建者:印然      创建时间:11-17 16:16      标签:      编辑:12次    |   浏览:13273次

摘要:1. 概述JavaScript 中,我们有时需要对数组进行操作,比如创建数组,遍历数组元素,排序等等。本文将介绍一些数组的基本使用方法。2. 示例2.1 创建数组Array 对象用于在单个变量中存储多个[阅读全文:]

JS 实现动态选择报表背景色
文档创建者:Kevin-s      创建时间:09-16 10:23      标签:      编辑:15次    |   浏览:10785次

摘要:1. 概述1.1 预期效果报表开发中,为提升报表美观度,可以使用 JS 实现报表背景色的动态切换。如下图所示:1.2 实现思路报表设计时,在参数面板添加按钮控件, 给按钮添加 JS 点击事件实现报表背景[阅读全文:]

字符串对象
文档创建者:印然      创建时间:11-17 16:15      标签:      编辑:16次    |   浏览:17867次

摘要:1. 概述JavaScript 中会需要对字符串进行操作,比如如何判断字符串是否为空,计算字符串的长度,替换、查找、截取字符串,或者将字符串转换为其他类型等操作。文本将介绍 JavaScript 中如何[阅读全文:]

通过JS获取当前页面URL网址信息
文档创建者:yiyemeiying      创建时间:11-01 09:06      标签:      编辑:7次    |   浏览:20606次

摘要:1. 概述1.1 预期效果在平时的报表开发中,我们通常会遇到要获取当前打开报表页面的URL网址相关信息,虽然目前 FineReport 内置的 系统参数 能满足一定的需求,但有一些需[阅读全文:]

JS实现循环遍历单元格
文档创建者:yi丶搁浅      创建时间:04-26 12:57      标签:      编辑:10次    |   浏览:13651次

摘要:1. 概述1.1 问题描述在实际项目中,有时需要获取所有单元格的值,如下图所示:1.2 实现思路按钮控件添加点击事件,用 JavaScript 循环语句实现。2. 示例2.1 准备数据新建普通报表,新建[阅读全文:]

JS实现控件和报表块联动
文档创建者:cherishdqy      创建时间:11-14 20:28      标签:      编辑:12次    |   浏览:53626次

摘要:1. 概述1.1 问题描述在决策报表中,用户通过点击按钮给报表中报表块或图表块传递参数,类似于在普通报表单元格中添加「超链接>动态参数」实现的效果。如下图所示:1.2 实现思路给按钮添加「点击」事[阅读全文:]

JS实现改变控件透明度
文档创建者:axing      创建时间:03-21 16:56      标签:      编辑:2次    |   浏览:9656次

摘要:1. 概述1.1 问题描述在开发决策报表时经常会使用深色背景,这时插入一个控件显得与背景格格不入,如下图所示:希望通过设置控件的透明度,使控件融入背景,如下图所示:1.2 实现思路控件添加初始化事件,使[阅读全文:]

JS实现决策报表参数界面自动查询
文档创建者:文档助手1      创建时间:03-04 10:05      标签:      编辑:14次    |   浏览:43718次

摘要:1. 概述1.1 问题描述决策报表中添加参数面板后,一般情况是点击「查询」按钮,才会展现报表主体内容。如何实现不点击「查询」按钮,参数控件选择值之后即可将报表结果展现出来呢?如下图所示:1.2 实现思路[阅读全文:]

JS实现倒计时特效
文档创建者:hubery1027      创建时间:11-06 18:43      标签:      编辑:6次    |   浏览:13201次

摘要:1. 概述1.1 应用场景地产、零售、电子商务等大屏制作时,经常会有倒计时的需求,例如:营销作战倒计时,零售促销倒计时等。1.2 实现思路报表中引用外部 JS 和 CSS 文件,利用 HTIML5 技术[阅读全文:]

JS获取分页预览单元格
文档创建者:印然      创建时间:11-17 16:59      标签:      编辑:15次    |   浏览:21494次

摘要:1. 概述1.1 预期效果有时我们也需要获取分页预览的报表中的某些单元格的值进行其他操作,比如报表总行数保存在某固定单元格中,在工具栏中显示报表总行数。下面效果图中,我们获取了某单元格的值,然后对其进行[阅读全文:]

FineReport 的 JS API
文档创建者:印然      创建时间:11-17 14:46      标签:      编辑:22次    |   浏览:79289次

摘要:1. 概述FineReport 开放了大量的 JS API 给用户,用户利用这些 JS 接口,可实现更多更复杂的功能。根据执行 JS 的主体不同可以将 FineReport 的 JS API 分为三大类[阅读全文:]

JS实现使用填报页面的控件查询
文档创建者:cherishdqy      创建时间:02-28 14:48      标签:      编辑:17次    |   浏览:28701次

摘要:1. 概述1.1 预期效果在设计报表的过程中,有部分需求需要使用填报控件来实现查询的功能。如下图所示,下拉框选择地区后列表自动过滤显示所选地区的数据。1.2 实现方法在参数界面添加「下拉框控件」并隐藏,[阅读全文:]

JS实现为报表页面添加提示声音
文档创建者:yets11      创建时间:05-14 20:37      标签:      编辑:10次    |   浏览:13401次

摘要:1. 概述1.1 预期效果在对于关键指标实时性要求较高的报表中,需要及时掌握某些关键指标的。当某些关键指标值发生较大变化时,需要第一时间给予用户提醒,声音警报提示就是常用的一种。那么如何为报表添加声音提[阅读全文:]

JS实现双击对话框标题栏最大化
文档创建者:cherishdqy      创建时间:09-23 10:15      标签:      编辑:6次    |   浏览:4250次

摘要:1. 概述1.1 预期效果报表中添加超链接,点击超链接弹出一个对话框,对话框大小固定,没有最大化功能。那如何实现最大化功能呢,如双击对话框标题栏,对话框实现最大化;最大化情况下,双击标题栏返回默认大小。[阅读全文:]

JS实现点击按钮实现全屏预览
文档创建者:cherishdqy      创建时间:02-23 22:43      标签:      编辑:17次    |   浏览:14428次

摘要:1. 概述1.1 问题描述决策平台中预览报表提供了全屏显示功能,但如果不通过决策平台预览,如何全屏预览单张报表呢?注:本文实现的是普通报表点击按钮全屏显示的实现方法,决策报表中点击按钮实现全屏的方法参见[阅读全文:]

JS实现时间齿轮
文档创建者:L大大      创建时间:04-30 16:25      标签:      编辑:2次    |   浏览:8836次

摘要:1. 概述1.1 预期效果时间齿轮是一个动态的齿轮式样,图表面板中央展示系统当前的实时时间,一般用于大屏场景展示。通过 JS 事件可以实现一个简单的时间齿轮图表,效果如下图所示:1.2 实现思路使用 J[阅读全文:]

document对象
文档创建者:印然      创建时间:11-17 16:27      标签:      编辑:8次    |   浏览:15279次

摘要:1. 概述每个载入浏览器的 HTML 文档都会成为 Document 对象。 Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。Document 对象是 Wind[阅读全文:]

location对象
文档创建者:印然      创建时间:11-17 16:26      标签:      编辑:5次    |   浏览:14434次

摘要:1. 概述Location 对象包含有关当前 URL 的信息。 Location 对象是 Window 对象的一个部分,可通过 window.location 属性来访问。2. lo[阅读全文:]

Window对象
文档创建者:印然      创建时间:11-17 16:25      标签:      编辑:7次    |   浏览:25334次

摘要:1. 概述Window 对象表示浏览器中打开的窗口。如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 Window 对象,并为每个框架创建一个额外的[阅读全文:]

JS中引用HTML
文档创建者:印然      创建时间:11-17 16:18      标签:      编辑:12次    |   浏览:16581次

摘要:1.描述HTML DOM 是 W3C 标准(是 HTML 文档对象模型的英文缩写,Document Object Model for HTML)。HTML DOM 定义了用于 HTML 的一系列[阅读全文:]

事件响应方式
文档创建者:印然      创建时间:11-17 16:08      标签:      编辑:10次    |   浏览:36062次

摘要:1. 概述当事件触发时,就会引起相应的响应,在 FR 的事件 中已经介绍了各种事件对应的事件响应方式,下面一一介绍事件响应方式FR 中提供了 5 种响应方式:Javascr[阅读全文:]

Web页面事件
文档创建者:印然      创建时间:11-17 16:07      标签:      编辑:12次    |   浏览:46092次

摘要:1. 概述Web 页面事件在模板>模板 Web 属性里面的分页预览设置,填报页面设置与数据分析设置几个标签页中均可设置,分别作用于不同的预览方式,下面以分页预览为例,进入分页预览设置标签[阅读全文:]

setInterval
文档创建者:susie      创建时间:12-29 11:04      标签:      编辑:2次    |   浏览:18849次

摘要:1. 描述setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。[阅读全文:]

this
文档创建者:susie      创建时间:12-28 13:38      标签:      编辑:5次    |   浏览:36658次

摘要:1.描述在控件的事件中,可以通过 this 直接获取到当前的控件对象控件指填报单元格中的控件、参数界面中的控件、决策报表 body 主体中的控件获得控件后,可以调用控件的操作方法等2.示例cpt 参数界[阅读全文:]