"JavaScript" 分类下的文档该分类下有249篇文档创建该分类下的文档
JS 实现单元格提示内容换行显示
文档创建者:axing      创建时间:02-27 12:24      标签:      编辑:2次    |   浏览:1796次

摘要:1. 概述1.1 问题描述使用自带的单元格内容提示,无法实现提示内容换行显示,如下图所示:有时需要实现提示内容换行显示,如下图所示:1.2 实现思路使用 JS 的 title 属性实现。2. 示例2.1[阅读全文:]

JS实现起始日期编辑后结束日期增加7天
文档创建者:印然      创建时间:11-17 17:05      标签:      编辑:24次    |   浏览:8999次

摘要:1. 概述1.1 应用场景有两个日期控件分别为起始日期和结束日期,要查询一个星期的数据,实现选择起始日期之后,结束日期自动赋值为起始日期后7天的日期。实际效果如下图所示:1.2 实现思路给起始日期添加编[阅读全文:]

JS实现分页预览改变鼠标所在行的行高
文档创建者:印然      创建时间:11-17 17:05      标签:      编辑:18次    |   浏览:5147次

摘要:1. 概述1.1 应用场景在实际项目中,希望当鼠标移动到单元格上时能够突出显示该行,本文介绍的突出显示该行的方式是增加行高,当鼠标移开时恢复行高。实际效果如下图所示:1.2 实现思路给当前行增加 加载结[阅读全文:]

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

摘要:1. 概述1.1 问题描述当一张报表中内容太多,想根据预览的设备不同显示不同的内容,该怎么实现?1.2 实现思路1) 页面内容显示 : 利用条件属性的行高来控制显示符合当前设备类型应该显示的内容,不符合[阅读全文:]

JS实现一键清除填报内容
文档创建者:Scyalcire      创建时间:05-08 14:35      标签:      编辑:3次    |   浏览:183次

摘要:1. 概述1.1 应用场景填报项较多时,点击按钮即可清除所有填报内容,快速进行重新填报,效果如下图所示:1.2 实现思路按钮添加点击事件,利用contentPane.setCellValue( )函数清[阅读全文:]

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

摘要:1. 概述1.1 应用场景在实际工作中,需要实现多张报表自动轮播效果,但区别于 自动切换分页效果 及 图表手动切换。实际效果如下图所示:1.2 实现思路使用 FineRep[阅读全文:]

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

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

JS实现报表在数据分析模式下居中显示
文档创建者:yiyemeiying      创建时间:05-24 11:14      标签:      编辑:10次    |   浏览:9518次

摘要:1. 概述1.1 问题描述分页预览和填报预览均有报表显示位置设置项。而数据分析模式预览,没有报表居中显示功能,默认都是靠左显示的。而当想以数据分析模式预览时,报表居中显示,可采用以下方法。如下图所示:分[阅读全文:]

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

摘要:1. 描述多用户并发一直是服务器部署中头疼的一个问题,目前 FineReport 已经提供了相对较好的多用户 Session 控制方案,也提供了 防宕机插件 来控制报表的生命周期。然[阅读全文:]

JS通过判断用户名控制工具栏的显示与隐藏
文档创建者:yiyemeiying      创建时间:11-11 22:35      标签:      编辑:8次    |   浏览:4553次

摘要:1. 概述1.1 问题描述数据决策系统中,不同角色查看同一张模板,所看到工具栏按钮或工具栏是否显示效果不同,可通过 权限细粒度之工具栏控制 来实现。但相同角色的不同用户该如何来实现这[阅读全文:]

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

摘要:1. 描述有时需要判断当前登录的环境是手机端还是电脑端,实现效果如下图:1)PC 端2)移动端 App3)移动端 H52. 解决方案可以通过 JavaScript 来实现判断当前的设备类型:naviga[阅读全文:]

报表块实现跑马灯效果
文档创建者:axing      创建时间:04-06 18:07      标签:      编辑:22次    |   浏览:43959次

摘要:1. 概述1.1 问题描述决策报表中报表块如何实现下图所示的跑马灯效果呢?1.2 实现思路通过初始化 JS 事件实现隐藏滚动条和跑马灯的效果。注:目前该方法只支持 Chrome 内核的浏览器。[阅读全文:]

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

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

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

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

JS实现去除报表居中、冻结标题时的黑框
文档创建者:幽冥猫儿      创建时间:05-11 16:18      标签:      编辑:10次    |   浏览:6983次

摘要:1. 概述1.1 问题描述普通报表中,如果报表显示位置为居中,且报表中存在冻结,则预览模板时存在黑色边框,如下图所示:1.2 解决思路添加加载结束事件,通过 JavaScript 代码实现隐藏黑色边框。[阅读全文:]

JS实现当前页刷新
文档创建者:文档助手1      创建时间:01-19 17:21      标签:      编辑:12次    |   浏览:10408次

摘要:1.概述1.1 预期效果1.1.1 示例一:填报成功刷新1.1.2 示例二:数据校验刷新1.1.3 示例三:点击按钮刷新1.2 实现思路通过location.reload()来刷新当前页,和手动刷新是一[阅读全文:]

CSS修改填报页面中鼠标经过/点击单元格边框颜色
文档创建者:yets11      创建时间:03-01 21:08      标签:      编辑:8次    |   浏览:6716次

摘要:1. 概述1.1 问题描述前端填报预览时,鼠标经过或点击填报控件,会出现一个边框,这个边框颜色是固定的。但是某些场景下,这个边框颜色会跟报表本身颜色有冲突,而且选中控件后黑色边框也不是很美观,在一些报表[阅读全文:]

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

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

JS实现局部刷新cpt
文档创建者:yi丶搁浅      创建时间:04-28 10:50      标签:      编辑:14次    |   浏览:17754次

摘要:1. 概述1.1 预期效果填报模式下局部实时刷新某个单元格或者某列单元格,保证数据实时更新,如下图所示:1.2  实现思路在 JavaScript 局部刷新页面的加载结束事件中,利用 SQL[阅读全文:]

JS修改内容提示框字体样式
文档创建者:jie.deng02      创建时间:06-10 08:45      标签:      编辑:5次    |   浏览:406次

摘要:1. 概述1.1 问题描述单元格的单元格属性>其他>内容提示下不能自定义文字大小颜色等,那么如何实现下图所示的自定义效果呢?1.2 实现思路单元格属性中的内容提示用的是 HTML 中的 ti[阅读全文:]

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

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

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

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

JS实现标题动态居中
文档创建者:axing      创建时间:03-18 18:48      标签:      编辑:10次    |   浏览:4847次

摘要:1. 概述1.1 问题描述制作某些宽报表时,报表的宽度远超过了页面的宽度,这时就出现了横向的滚动条,如果我们设置报表标题为居中样式,很有可能看不到标题。这种情形下,我们希望报表的标题始终显示在屏幕的中间[阅读全文:]

JS实现自动报警声音
文档创建者:yiminglian      创建时间:05-16 15:12      标签:      编辑:19次    |   浏览:7116次

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

JS实现LED数字样式
文档创建者:qq1320929786      创建时间:05-12 16:07      标签:      编辑:3次    |   浏览:832次

摘要:1. 概述1.1 预期效果本文将介绍如何实现 LED 数字样式,效果如下图所示:单个固定单元格 LED 数字样式:先生成默认 LED 数字样式,用户填报 LED 属性值,点击按钮后,可以自定义 LED[阅读全文:]

JS实现打开模板隐藏左侧导航栏
文档创建者:touyuan001      创建时间:03-09 11:19      标签:      编辑:10次    |   浏览:6141次

摘要:1. 概述1.1 问题描述有时因报表中需要显示的信息过多,而显示界面过小,无法完整展现所有的报表内容,我们可能会需要在打开决策报表之后自动把左侧的导航栏隐藏起来。效果如下图所示:(打开财务综合指标不能自[阅读全文:]

JavaScript
文档创建者:印然      创建时间:11-10 14:41      标签:      编辑:20次    |   浏览:46780次

摘要:1. 描述JavaScript 是一种脚本语言,它可以用来制作与网络无关的,起到与用户交互作用的复杂软件。它是一种基于对象(Object Based)和事件驱动(Event Driver)的编程语言。J[阅读全文:]

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

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

JS实现动态数据库表获取
文档创建者:chuzhihao      创建时间:05-06 17:22      标签:      编辑:4次    |   浏览:1058次

摘要:1. 概述1.1 应用场景很多时候需要对每日明细数据量过大的数据库表进行分表操作,这样就需要通过 SQL 来获取多张数据表来实现完整数据的查询。实际业务场景例如:业务定义了按天分表的数据表 Test,那[阅读全文:]

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

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

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

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

JS 使用说明
文档创建者:印然      创建时间:11-10 14:25      标签:      编辑:32次    |   浏览:49094次

摘要:1. 问题描述FineReport 报表采用 jQuery 框架,jQuery 是一个快速的,简洁的 JavaScript 库,使用户能更方便地处理 HTML documents、events[阅读全文:]

JS实现修改按钮样式
文档创建者:Holly      创建时间:07-31 11:36      标签:      编辑:13次    |   浏览:22195次

摘要:1. 概述1.1 应用场景实际应用中经常需要修改按钮的样式,除了通过修改 CSS 样式 来实现外,还可以通过定义 JavaScript 脚本来实现样式变化。下面列举几种通过[阅读全文:]

JS 实现报表块隐藏滚动条
文档创建者:cherishdqy      创建时间:05-11 09:47      标签:      编辑:8次    |   浏览:21548次

摘要:1. 概述1.1 问题描述当报表块内容略多时,会出现滚动条,如何隐藏不美观的滚动条,且可以通过鼠标滚轮上下滚动内容呢?1.2 解决思路可以使用 JS 获取报表块的整体宽度,通过修改报表的宽度,将滚动条隐[阅读全文:]

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

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

JS实现鼠标点击行变色
文档创建者:印然      创建时间:11-17 17:00      标签:      编辑:19次    |   浏览:9608次

摘要:1. 概述1.1 预期效果在预览模板时,由于数据比较多,希望鼠标点击某行时该行高亮显示,效果如下图所示,那么如何实现呢?1.2 实现思路给模板增加加载结束事件,设置当鼠标点击当前行时,当前行为[阅读全文:]

JS实现生成随机数
文档创建者:L大大      创建时间:03-17 23:39      标签:      编辑:3次    |   浏览:1334次

摘要:1. 概述1.1 预期效果随机生成某个整数区间内的一个数,如下图所示:注:支持正整数和负整数,不支持小数。1.2 实现思路添加数字控件限制区间的最小值和最大值,按钮控件添加 JS 点击事件生成随机数。2[阅读全文:]

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

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

JS 获取单元格字符串中的数字
文档创建者:L大大      创建时间:03-09 12:42      标签:      编辑:4次    |   浏览:2105次

摘要: 1. 概述1.1 应用场景制作填报报表时,有时候需要直接获取到字符串中的数字,如下图所示:1.2 实现思路通过给按钮控件添加 JS 点击事件实现。2. 示例2.1 报表设计1)新建内置数据集[阅读全文:]

JS实现动态设置每页显示固定行数
文档创建者:gxy120313      创建时间:03-02 14:13      标签:      编辑:7次    |   浏览:23031次

摘要:1. 问题描述在实际项目中,有可能会用到每页显示固定的行数和鼠标滑动变色,如果使用 JavaScript 来实现每页显示固定的行数,那么这时候就需要在工具栏自定义按钮来实现翻页了,具体该如何实[阅读全文:]

JS隐藏参数界面向上向下的三角按钮
文档创建者:印然      创建时间:11-17 16:54      标签:      编辑:17次    |   浏览:8768次

摘要:1. 概述1.1 问题描述我们在预览带有参数面板的模板的时候,会发现其参数界面与主体界面交界处有一个三角按钮,那么如何隐藏该按钮呢?1.2 实现思路在模板加载结束后,拿到该按钮元素,然后设置其隐藏,或者[阅读全文:]

JS实现下拉复选框非顺序选择后的值顺序显示
文档创建者:yets11      创建时间:03-10 08:04      标签:      编辑:9次    |   浏览:7502次

摘要:1. 概述1.1 问题描述在报表应用中,会经常用到下拉复选框,但是默认的下拉复选框的值是根据选择的先后顺序来进行显示的,有些情况下用户选择值的顺序不是按照从前到后,这时下拉复选框的值并不会按照备选选来排[阅读全文:]

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

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

JS实现自定义按钮快速给参数赋指定范围值
文档创建者:zsh331      创建时间:05-19 22:57      标签:      编辑:18次    |   浏览:10094次

摘要:1. 概述1.1 问题描述平时我们接触的很多项目,可能都会需要制作相关的周报、月报、、季报、年报等表样。像这样的报表,选择适当的参数(时间)范围就显得尤其重要了。但如果每次都手动去选择又觉得太过麻烦。现[阅读全文:]

JS实现分析/填报报表加载后自动滚动到最下方/最右侧
文档创建者:yets11      创建时间:02-28 21:54      标签:      编辑:12次    |   浏览:7138次

摘要:1. 概述1.1 预期效果分析/填报页面做出的报表由于没有分页,通常页面较大。有时用户需要报表在页面加载后,自动滚动到浏览器最下方或最右侧,方便查看或填报最新的数据。如下图所示:1.2 实现思路可通过添[阅读全文:]

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

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

JS 实现点击按钮跳转到指定组件位置
文档创建者:Lucy-chuan      创建时间:03-11 13:43      标签:      编辑:4次    |   浏览:1558次

摘要:1. 概述1.1 问题描述有时候决策报表的组件较多,页面篇幅较大,而常用组件无法很快地选取,希望通过点击按钮可以跳转到指定的常用组件。1.2 解决思路通过给按钮控件添加 JS 点击事件,实现点击按钮时,[阅读全文:]

JS实现隐藏行/列
文档创建者:gxy120313      创建时间:02-24 13:40      标签:      编辑:17次    |   浏览:18194次

摘要:1. 概述1.1 问题描述在填报过程中,有时候可能想要实现点击某个按钮,隐藏特定的行数和列数。该如何实现呢?1.2 解决思路通过给按钮控件添加点击事件,即可实现隐藏行列。注:该隐藏行/列的方法不支持导出[阅读全文:]

在JS代码中使用FineReport内置的公式
文档创建者:yets11      创建时间:02-24 08:04      标签:      编辑:10次    |   浏览:24646次

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

jQuery 实现微信扫码添加联系人
文档创建者:cd_cw      创建时间:03-11 10:42      标签:      编辑:3次    |   浏览:1301次

摘要:1. 概述1.1 应用场景根据报表表格中的信息生成二维码名片,微信扫描二维码之后可以快速将联系人添加到通讯录中。示例二维码如下图所示:扫码上面的二维码添加联系人的效果如下图所示:1.2 实现思路实现此功[阅读全文:]

CSS 修改加载动画和图标
文档创建者:flyingsnake      创建时间:03-18 13:00      标签:      编辑:22次    |   浏览:7443次

摘要:1. 概述1.1 预期效果对于一些官方图标客户不满意的情况,此处提供一个方法供大家替换。例如,可将正在加载的图标替换成如下样式:1.2 实现思路通过 CSS 替换官方加载动画图片。2[阅读全文:]

JS实现折叠树/视图树所有节点一键全部展开或收起
文档创建者:yi丶搁浅      创建时间:03-29 13:16      标签:      编辑:8次    |   浏览:10286次

摘要:1. 概述1.1 问题描述我们制作的复杂折叠树或视图树报表,在以数据分析模式预览时,需要点击父节点,才会展开下一层子节点,当层数比较多的时候,操作比较麻烦。如果用户想实现一键全部展开或收起,如何实现呢?[阅读全文:]

JS 实现图表系列间值的比较
文档创建者:axing      创建时间:03-07 15:35      标签:      编辑:2次    |   浏览:1105次

摘要:1. 概述1.1 问题描述图表的特效>条件属性中,系列之间的数据不能直接进行比较。现在想要实现如下图所示的系列间值的比较,当饮料销量小于点心时,柱形配色变为红色。1.2 实现思路通过 JS 实现系[阅读全文:]

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

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

CSS 实现下拉树目录
文档创建者:Kevin-s      创建时间:08-23 23:38      标签:      编辑:11次    |   浏览:3453次

摘要:1. 描述CSS 实现下拉树目录的效果如下图所示:2. 思路通过树节点按钮控件以及引用 CSS 更改样式,可以实现下拉树目录。3. 示例3.1 数据准备新建如下图所示的内置数据集。、3.2 报表设计1)[阅读全文:]

JS实现决策报表报表块鼠标所在单元格/行的样式
文档创建者:豆豆小可爱      创建时间:09-23 13:48      标签:      编辑:10次    |   浏览:3603次

摘要:1. 概述1.1 问题描述在设计决策报表时,可能会遇到这样的需求:当鼠标滑过报表块单元格时,添加不同的显示效果。但由于决策报表的特殊性,不能像 普通 CPT 报表 通过添加加载结束事[阅读全文:]

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

摘要:1. 事件分类编辑根据添加事件的位置不同,FineReport报表中有以下几种事件:控件事件:是指在控件里面添加的事件,控件包括填报控件和参数(报表)控件,控件介绍请查看 控件类型;Web 页[阅读全文:]

JS实现改变当前选中单元格的背景色,离开后恢复原色
文档创建者:yets11      创建时间:02-26 21:08      标签:      编辑:11次    |   浏览:17320次

摘要:1. 概述1.1 预期效果通过 JS 函数,可以实现改变鼠标所在行的颜色,具体使用请参见 JS 实现分页预览改变鼠标所在行的颜色。在报表制作中,有时为了突出当前选中的单元格,需要突出一下背景色[阅读全文:]

JS实现点击超链切换TAB页
文档创建者:chuan      创建时间:08-03 17:14      标签:      编辑:10次    |   浏览:9302次

摘要:1. 概述1.1 版本报表服务器App 版本HTML5移动端展现插件10.010.1V10.11.2 预期效果用户通过点击报表块单元格的超级链接,实现 Tab 块的切换。如下图所示:1.3 实[阅读全文:]

CSS 修改超链对话框的标题栏背景色
文档创建者:cherishdqy      创建时间:12-08 18:09      标签:      编辑:12次    |   浏览:19390次

摘要:1. 概述1.1 预期效果FineReport 模板预览时,超链对话框的标题栏默认背景色为蓝色。当系统中整体配色与蓝色不搭时,用户希望修改对话框标题栏的背景色。如下图所示:1.2 实现思路用户可通过设置[阅读全文:]

JS实现切换sheet时隐藏或显示参数面板
文档创建者:文档助手1      创建时间:03-04 15:25      标签:      编辑:10次    |   浏览:10239次

摘要:1. 概述1.1 问题描述只有显示第一个 sheet 时需要显示参数面板,切换到其他的 sheet 的时候需要隐藏参数面板。如下图:1.2 实现思路$(".parameter-containe[阅读全文:]

JS实现隐藏tab块标题
文档创建者:cherishdqy      创建时间:07-30 01:28      标签:      编辑:16次    |   浏览:11814次

摘要:1. 概述1.1 问题描述用户希望可以自定义设置 Tab 的展现与隐藏,比如不同用户可以查看不同的 Tab 块,或者隐藏一些无关 Tab 页的内容,该如何实现呢?1.2 解决思路通过 JS 隐藏 Tab[阅读全文:]

JS获取当前编辑行单元格行号
文档创建者:印然      创建时间:11-17 17:14      标签:      编辑:12次    |   浏览:21840次

摘要:1. 概述1.1 问题描述在实际的业务中,可能会希望点击某行则在某个单元格中显示对应该行的行号点解。如下图所示,点击第三行上面显示 3,要如何实现呢?1.2 实现思路FineReport 报表的 con[阅读全文:]

JS实现填报联动生成默认值
文档创建者:yets11      创建时间:03-03 17:51      标签:      编辑:13次    |   浏览:21828次

摘要:1. 概述我们知道,在参数栏中很容易实现参数联动并且设置控件默认选择待选列表中的第一个值,在填报中也经常会用到控件联动,如果在填报页面中需要参数联动,并实现同样的后面联动的单元格默认选择第 1 个值,如[阅读全文:]

JS获取复选框选中行的单元格值
文档创建者:印然      创建时间:11-17 17:16      标签:      编辑:16次    |   浏览:16144次

摘要:1. 概述1.1 问题描述对于填报模板,如何获取某些单元格的数据,如下图所示,希望获取复选框选中的那几行中的值,然后做一些处理。1.2 实现思路点击“对账”按钮时,使用js我们先获取到选中的复选框(被选[阅读全文:]

JS改变控件编辑时的字体颜色
文档创建者:axing      创建时间:11-23 19:09      标签:      编辑:3次    |   浏览:4323次

摘要:1. 概述1.1 问题描述很多报表设计都是以深色作为背景,虽然可以设置字体为其他显眼的颜色,但是在填报编辑控件的时候,字体仍然是黑色的,根本看不见。如下:实现效果如下:1.2 实现思路通过添加控件编辑前[阅读全文:]

JS去除填报左上角红色三角
文档创建者:gxy120313      创建时间:10-17 14:29      标签:      编辑:14次    |   浏览:6669次

摘要:1. 概述1.1 问题描述填报时,编辑后的控件左上角会出现红色三角,有的客户可能不喜欢这个提示。针对这个问题,现提供两种解决方案:一种是自动去掉红色三角,另一种是手动去掉红色三角1.2 实现思路1)自动[阅读全文:]

控件回调事件的返回值
文档创建者:印然      创建时间:11-17 17:22      标签:      编辑:17次    |   浏览:19987次

摘要:1. 概述1.1 问题描述在进行报表填报时,很多时候都会希望在填报成功或失败后执行一些动作,上一节 中介绍了使用 FineReport 内置提交方式(包括内置提交按钮和提交事件js)填报成功失[阅读全文:]

JS实现填报校验后返回错误信息
文档创建者:印然      创建时间:11-17 17:21      标签:      编辑:19次    |   浏览:12456次

摘要:1. 概述1.1 问题描述在 提交校验 中介绍了数据校验规则编写,如果校验成功就可以提交入库,校验不成功则提示错误信息,如果用户不想使用 FineReport 内置的左上角的校验提示[阅读全文:]

鼠标滑过下拉框选项时在单元格中显示对应图片
文档创建者:印然      创建时间:11-17 17:19      标签:      编辑:21次    |   浏览:7371次

摘要:1. 概述1.1 问题描述在填报数据的时候,通过下拉框选择图片,用户希望,当在下拉框中选择数据的时候,能在旁边的单元格中对应显示其图片,使数据填报页面可视化更强,如下图:1.2 实现思路鼠标滑过下拉框选[阅读全文:]

JS获取最后编辑的值
文档创建者:印然      创建时间:11-17 17:18      标签:      编辑:12次    |   浏览:7669次

摘要:1. 概述1.1 问题描述有的时候想获取最后编辑的值,进行校验或者其他的操作1.2 实现思路可编辑的单元格对应一个 input 元素,当焦点在某个单元格时,该 input 元素便会添加一个 text 的[阅读全文:]

JS获取决策报表内图表块刷新数据
文档创建者:文档助手1      创建时间:01-19 17:15      标签:      编辑:14次    |   浏览:15832次

摘要:1. 描述chart0 联动 report0 报表块,改变报表块数据,chart1 数据来自报表块;联动报表块后,chart1 是不会自动刷新的;但是我们想要的效果是联动报表块后,chart1 可以自动[阅读全文:]

JS限制复选框(填报)选中个数
文档创建者:印然      创建时间:11-17 17:12      标签:      编辑:14次    |   浏览:6985次

摘要:1. 概述1.1 问题描述对于制作类似于调查问卷的填报模板,可能会需要限制复选框组选中的个数,如限制复选框的个数为 2 个,若超过 2 个就则将所有选中的值清空或者只清空超出的部分,下面我们来介绍下制作[阅读全文:]

JS实现点击单选按钮弹出对话框输入值
文档创建者:印然      创建时间:11-17 17:11      标签:      编辑:13次    |   浏览:30494次

摘要:1. 概述1.1 问题描述在制作类似问卷调查的模板中,可能会遇到这种情况:有几个选项,最后一个选项为其他,当选择其他时弹出一个对话框,让用户自己输入值,然后将值显示在单独注释中,如下图所示:1.2 实现[阅读全文:]

JS给扩展单元格置数
文档创建者:印然      创建时间:11-17 17:09      标签:      编辑:13次    |   浏览:17096次

摘要:1. 概述1.1 问题描述通常情况下,使用 setCellValue("单元格", null, 值)给单元格置数,该方法只能给固定单元格置数。若单元格扩展的,如对纵向扩展的[阅读全文:]

JS给填报控件(单元格)赋值
文档创建者:印然      创建时间:11-17 17:08      标签:      编辑:11次    |   浏览:28222次

摘要:1. 概述1.1 问题描述如下图填报表中,编辑完一个控件的值后,动态地给其他单元格或其他控件赋值。1.2 实现思路在控件的编辑结束事件中通过 JS 动态地给单元格或其他控件赋值。不管是单元格还是控件,都[阅读全文:]

JS实现删除行前先确认
文档创建者:文档助手1      创建时间:11-10 14:47      标签:      编辑:20次    |   浏览:15093次

摘要:1. 概述1.1 问题描述在对行式填报表进行操作时,希望实现如下图所示的效果即点击删除行按钮时,弹出确认删除对话框,若点击确认则删除数据并提交入库;若点击取消,则不执行任何操作。1.2 实现思路通过给删[阅读全文:]

JS控制单选组按钮上下左右居中显示
文档创建者:gxy120313      创建时间:02-23 16:26      标签:      编辑:8次    |   浏览:5065次

摘要:1. 概述1.1 问题描述在项目中有时会用到单选按钮组控件,有时候单元格很大,按钮就不居中,为了美观,这时候就需要用到这个 JS 了1.2 实现思路利用 JS 获取该对象,然后改变它的 CSS 样式。2[阅读全文:]

JS解决控件值刷新不及时的问题
文档创建者:flyingsnake      创建时间:03-10 16:49      标签:      编辑:8次    |   浏览:9914次

摘要:1. 概述1.1 问题描述报表设计时会经常用到按钮进行一些页面值的处理工作,但是目前默认的逻辑是:对于每次新填报的值,需要点击下空白区域或是执行某个其他操作,才可以被正确读取。而我们需要实现的效果是,当[阅读全文:]

JS隐藏sheet页
文档创建者:Poseidon      创建时间:02-15 14:18      标签:      编辑:8次    |   浏览:12205次

摘要:1. 概述1.1 问题描述针对于填报 sheet 页多的情况,有的 sheet 页是初始化不需要展示,或者说直接就是隐藏的;例如针对于一些计算用的,这些是不需要页面展示的 sheet 页,直接使用下面的[阅读全文:]

JS实现弹窗后数据回填
文档创建者:873282620      创建时间:12-05 10:09      标签: 弹框二次回填       编辑:2次    |   浏览:4882次

摘要:1. 概述1.1 应用场景所谓数据回填指的是将查询出来的数据返回给显示的文本框。当用户需要通过弹窗查询数据并进行回填时,可以使用该方法来实现。例如下图示例中的效果:当想要查看某个产品对应的类别 ID 下[阅读全文:]

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

摘要:1. 概述1.1 问题描述在我们的报表开发中,很多情况下需要将报表主体或者(报表主体+工具栏)设置不可用,或者自定义权限实现工具栏和报表主体控制,例如:点击某个按钮实现不可用,如果在权限范围内,点击撤回[阅读全文:]

JS获取扩展控件的所有值
文档创建者:cherishdqy      创建时间:08-04 09:07      标签:      编辑:10次    |   浏览:8986次

摘要:1. 概述1.1 问题描述在做填报报表时,添加的填报控件是扩展显示的,需要获取扩展的填报控件的所有值。如下图,获取单选按钮组控件扩展的所有值:1.2 实现思路给按钮添加点击事件遍历获取控件,如果控件只有[阅读全文:]

JS实现填报分页下复选框全选
文档创建者:yets11      创建时间:03-13 00:13      标签:      编辑:11次    |   浏览:8645次

摘要:1. 概述1.1 问题描述在填报应用中,如果数据量大的话,会用到填报分页,此时若是在填报中需要用到复选框全选控件,那么使用普通的 JS 实现复选框控件全选就不适用了,如下图,只会全选当页的数据:如何实现[阅读全文:]

JS实现横向宽报表标题始终在页面中间
文档创建者:yets11      创建时间:03-09 08:21      标签:      编辑:8次    |   浏览:4778次

摘要:1. 概述1.1 问题描述在填报、分析报表中,默认报表页面是不分页的,分页预览中使用__bypagesize__=false,也可以实现横向不分页,但是横向不分页带来的一个问题的,当滚动条滚动时,某个需[阅读全文:]

JS实现文本控件编辑后根据条件显示样式
文档创建者:yets11      创建时间:02-27 12:56      标签:      编辑:10次    |   浏览:7629次

摘要:1. 概述1.1 问题描述使用条件属性可以设置对单元格或文本控件在初始化时,根据条件属性显示不同的样式,如字体大小,颜色等等。但是在单元格控件编辑后,值发生了生改变,显示的样式依旧还是原来初始化后的样式[阅读全文:]

JS实现自由式填报表动态显示/隐藏行
文档创建者:yiyemeiying      创建时间:02-26 13:28      标签:      编辑:8次    |   浏览:11506次

摘要:1. 概述1.1问题描述用户在进行报表填报数据时,有时候填报的内容行可能很多,需要通过滚动条上下拖动才能完成。而有些填报内容为选填,用户希望隐藏选填选填的内容。当用户需要填该部分内容的时候,再显示该部分[阅读全文:]

JS显示即时或实时时间
文档创建者:静听禅鸣      创建时间:07-05 09:22      标签:      编辑:24次    |   浏览:19053次

摘要:1. 概述1.1 问题描述在论坛上经常会有人提出来,想在报表里显示即时的时间,由于在报表里使用公式,是只能显示静止的当前时间,而不是即时的时间,这里可以通过 JS 来实现即时的时间显示。1.2 实现思路[阅读全文:]

JS实现下拉框中当鼠标离开下拉菜单时立即隐藏菜单
文档创建者:yiyemeiying      创建时间:02-24 13:28      标签:      编辑:10次    |   浏览:5200次

摘要:1. 概述1.1 问题描述在填报数据的时候,通过下拉框选择数据,用户希望当在点击下拉框弹出选项面板后,放弃当前单元格编辑,鼠标离开下拉面板时,自动隐藏掉下拉面板,能让旁边的单元格不被遮挡。系统默认是必须[阅读全文:]

JS初始化按钮颜色,点击后变色
文档创建者:yets11      创建时间:02-24 10:46      标签:      编辑:17次    |   浏览:12134次

摘要:1. 概述1.1 问题描述我们知道,利用 控件 CSS 或 按钮 CSS 可以修改整个模板中某种控件的 CSS 样式,即使这里面没有你需要的,现在基本所有新的浏览[阅读全文:]

JS实现改变选中sheet字体颜色
文档创建者:cherishdqy      创建时间:02-17 10:45      标签:      编辑:16次    |   浏览:5508次

摘要:1. 概述1.1 问题描述目前多 sheet 切换,sheet 标签的字体颜色大小均无法设置,当前选中的 sheet 标签显示不够明显。我们想要下面这种清晰看出来选中的 sheet 的效果的话,可以通过[阅读全文:]

JS实现子报表中返回主报表
文档创建者:gxy120313      创建时间:02-14 10:51      标签:      编辑:13次    |   浏览:10152次

摘要:1. 概述1.1 问题描述场景描述:在项目查看时,有时会用到从主界面跳转到子界面的功能,这时就可能会需要返回主界面。即如下所示效果:1.2 实现思路在工具栏选择自定义按钮,添加 JS,增加参数,使其返回[阅读全文:]

JS控制鼠标悬浮/离开按钮背景色
文档创建者:Poseidon      创建时间:02-10 14:56      标签:      编辑:8次    |   浏览:5990次

摘要:1. 概述1.1 问题描述场景描述:当鼠标初次悬浮于该控件时,从初始的红色变为蓝色,移开变浅,之后每次将鼠标悬浮于上皆呈现蓝色。效果图如下:1.2 实现思路监听控件事件,在不同监听事件下触发不同的效果。[阅读全文:]

JS实现单击控件可直接编辑
文档创建者:yets11      创建时间:04-06 08:10      标签:      编辑:9次    |   浏览:7721次

摘要:1. 概述1.1 问题描述场景描述:在填报应用中,可以直接设置显示控件,但是在模板中如果控件较多的情况下,会导致页面加载速度非常慢,有时内容多时显示控件也会导致页面不美观,不得已需要放弃直接显示控件。这[阅读全文:]

JS实现点击单选按钮组切换sheet
文档创建者:zsh331      创建时间:02-17 20:29      标签:      编辑:11次    |   浏览:8829次

摘要:1. 概述1.1 问题描述场景描述:目前多 sheet 切换,可能由于 sheet 标签太多让用户难以准确的选中标签,能不能通过一种简单的方法来供用户准确的选中的 sheet 呢? 选中单选按[阅读全文:]

JS实现填报时对修改过的单元格进行标识
文档创建者:yiyemeiying      创建时间:04-01 11:15      标签:      编辑:12次    |   浏览:6884次

摘要:1. 概述1.1 问题描述场景描述:在填报预览时,对单元格编辑后,其左上角有个红色标记,但非常不明显,用户很难注意到。有没有什么好的办法,对单元格操作后,将其做较明显的特殊标记处理,方便用户识别呢?如图[阅读全文:]

JS制作导入进度条
文档创建者:yiyemeiying      创建时间:02-24 11:05      标签:      编辑:12次    |   浏览:7245次

摘要:1. 概述1.1 问题描述场景描述:目前在 Excel 批量导入提交的地方会有需要进度条的要求,而且是真的进度条。想要实现进度条效果,可以做一个模拟进度条特效,实现最终效果。如下图所示:1.2 实现思路[阅读全文:]

JS批量修改复选框选中行中某列的值
文档创建者:yets11      创建时间:03-08 23:54      标签:      编辑:10次    |   浏览:8596次

摘要:1. 概述1.1 问题描述场景描述:在某些情况中,需要对我们批量选择的记录修改其中某列的值,比如在批量审批报表应用中,会经常用到对选择的记录进行批量审批或批量取消审批,如果每行单独点击审批,会比较麻烦,[阅读全文:]

JS实现关闭子窗口时刷新父窗口
文档创建者:gxy120313      创建时间:02-17 10:55      标签:      编辑:14次    |   浏览:14325次

摘要:1. 概述1.1 问题描述场景描述:在实际项目中做填报时,会遇到点击按钮跳转到子窗口填写详细信息,当填报完成,关闭子窗口时,希望能刷新父窗口,要如何设置才能实现子窗口关闭后刷新父页面呢?注:360 浏览[阅读全文:]

JS实现限制文本框控件文本长度
文档创建者:yiyemeiying      创建时间:02-26 23:22      标签:      编辑:8次    |   浏览:5776次

摘要:1. 概述1.1 问题描述场景描述:在我们填报过程中,当字段超过某些特定的值时(比如:手机号),可以适当提醒填报人。说明:自带长度校验无法即时进行提醒和处理,只有在失去焦点时才会提醒,并且无法阻止录入。[阅读全文:]