帆软报表（finereport）JS实现点击参数面板按钮显示或隐藏数据

最新推荐文章于 2025-05-21 17:50:19 发布

转载

最新推荐文章于 2025-05-21 17:50:19 发布 · 7.2k 阅读

5 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/Williamls/p/10824055.html

文章标签：

#javascript #java #ViewUI

本文介绍如何使用FineReport的JS功能，通过参数面板上的按钮控制报表数据的显示。当点击按钮时，可以实现从显示全部数据到只显示统计数据的切换。操作包括在参数面板添加标签和按钮控件，编写JavaScript点击事件，以及设置报表单元格的条件属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

当报表中列出数据太多时，想通过显示按钮隐藏明细数据只显示统计数据。如下图示例，那么该如何实现呢？本文以FineReport为例，来讲述JS如何实现点击参数面板按钮显示或隐藏数据。

打开报表

在参数面板添加一个标签控件，控件名为lable，设置标签控件不可见，控件值为“显示”。

在参数面板添加一个按钮控件，控件名为button，控件值为“只显示合计数据”，并添加点击事件。

编辑点击事件，添加下面的JavaScript代码：

最低0.47元/天解锁文章

200万优质内容无限畅学

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30556161

关注关注

0
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

JS实现点击参数面板按钮显示或隐藏数据

ld17822307870的博客

02-17

447

当报表中列出数据太多时，想通过显示按钮隐藏明细数据只显示统计数据。如下图示例，那么该如何实现呢？本文以FineReport为例，来讲述JS如何实现点击参数面板按钮显示或隐藏数据。打开报表在参数面板添加一个标签控件，控件名为lable，设置标签控件不可见，控件值为“显示”。在参数面板添加一个按钮控件，控件名为button，控件值为“只显示合计数据”，并添加点击事件。编辑点击事件，添加下面的JavaScript代码：点击(此处)折叠或打开 /*获取隐藏的标签控件的.

商业报表工具-FineReport JS 实现动态隐藏参数以及控制参数面板高度

sjfxnxsr_的博客

12-21

1230

使用帆软FineReport时，经常会遇到使用帆软报表软件参数控件较多的情况，这时候可以对一些不常用、不需要展现出来的的控件进行隐藏，全链路数据建设当需要展示的时候再使其展示出来，报表冻结时，此方案在「分页预览」自适应效果不好，建议用户使用其他预览方式。

参与评论您还未登录，请先登录后发表或查看评论

帆软实现一个单选按钮，可以统一设置其他单选按钮的选择状态

最新发布

麋鹿

05-21

278

本文介绍了如何在普通报表中通过JavaScript代码实现单选按钮的联动操作。当用户选中或取消某个单选按钮时，其他同名单选按钮的状态也会同步改变。具体实现步骤包括：获取当前控件的值，查找报表中所有名为"status"的控件集合，遍历每个控件实例，并根据当前值重置控件状态或更新单元格值。通过这种方式，可以实现批量操作扩展行控件的功能，提升报表的交互性和用户体验。

JavaScript中的点击按钮显示和隐藏

XiaoAGiao16的博客

07-22

3897

4.这是点击隐藏的样式。5.这是点击显示的样式。

js小实例（显示或隐藏）

天祺围棋

12-01

682

html xmlns="http://www.w3.org/1999/xhtml" >head> title>点击显示或隐藏title> style type="text/css"> .dis{display:block;} .non{display:none;} style> script typ

帆软报表（finereport）JS实现点击按钮隐藏查询条件

06-02

要实现点击按钮隐藏查询条件，可以使用以下步骤： 1. 在报表设计器中打开JS编辑器，编写以下代码： ``` // 获取查询条件面板对象 var panel = frui.find("query"); // 获取按钮控件对象 var btn = frui.find(...

js如何实现点击显示和隐藏表格

weixin_34275734的博客

06-03

885

js如何实现点击显示和隐藏表格一、总结一句话总结： 1、给table或者table里面的元素添加点击事件， 2、然后判断当前表格的数据显示或者隐藏， 3、然后通过display属性显示（非none）或者隐藏（值为none）表格中的数据 1、表格的行中如何合并表格的列？解答：用colspan属性即可，比如合并三个单元格：colspan="3" 2、js中bool类型的变量...

iframe中嵌入报表

DN_XIAOXIAO的博客

06-27

1232

点击事件对话框打开iframe var iframe = $("<iframe id='001' name='001' width='100%' height='100%' scrolling='yes' frameborder='0'>") // iframe参数的命名及宽高等 iframe.attr("src", "http://192.168.100.17:8075/We...

FineReport_特效、动态效果

weixin_41668007的博客

09-11

1604

1.轮播提示 setTimeout(function(){ var vanchart =FR.Chart.WebUtils.getChart("chart00").getChartWithIndex(0); vanchart.openAutoTooltip(); },3000) 2.表格滚动 setTimeout(function() { //隐藏报表块report0的滚动条（此报表块名为report0，根据具体情况修改） $("div[widgetname=REPORT7

FineReport帆软JS实现按钮控件隐藏或展示数据

weixin_44854063的博客

03-01

5834

1.例如 2.方式点击事件 $(‘td[cef^=C]’).toggle(); KaTeX parse error: Expected '}', got 'EOF' at end of input: …ction() { if ((this).hasClass(‘x-emb-previous’)) { return ‘x-emb-next’; } else { return ‘x-emb-previous’; } }); $("[id^=fr-btn-A]").css({“backgroun

帆软自定义提交按钮，大数据量导出没有加载动画，设置定时关闭动画会对用户造成误会，如果导出后关闭动画？

m0_52879083的博客

11-08

524

第二步：设置要导出的报表加载结束事件；加载结束后导出excle，_g().exportReportToExcel('simple');导出excle后设置延时函数将第一步设置的弹框和父页面的加载动画关闭。

帆软不同位置获取不同位置控件，以及控件常用方法

hzp666的博客

05-10

5533

CPT模板：参数面板获取参数面板控件：this.options.form.getWidgetByName("title").getValue(); 决策报表：获取参数面板： _g().parameterEl.getWidgetByName('text').getValue(); 其他：参数面板获取参数面板控件：this.options.form.g...

javascript学习代码--点击按钮显示内容

weixin_30632089的博客

05-31

317

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <...

帆软通过数据集配置提交按钮隐藏

sinat_34233802的博客

04-07

776

模板web属性下-加载结束条件。

数据图表-FineReport复选按钮控件

sjfxnxsr_的博客

12-07

2842

报表服务器版本功能变更11.0--填报报表中可以通过该控件执行批量选中操作，如下图所示：参数面板处可以通过该控件执行查询操作，如下图所示：选中单元格后，点击右侧属性面板的「控件设置」，选择控件处下拉选择「复选按钮控件」，如下图所示：将参数面板控件工具栏中的「复选按钮控件」拖入到参数面板中，如下图所示：复选按钮、单选按钮组、复选按钮组的区别：如下图所示：「复选按钮控件」的属性设置界面如下图所示：各属性设置项的详细介绍如下：注：「复选按钮控件」值为 true 或 false，填报应用时，勾选对应 true ；不

JavaScript：实现内容显示隐藏（展开收起）功能

ChinaDragon10的博客

06-28

1007

JavaScript实现显示隐藏功能，使用JavaScript给ul标签动态添加li标签

fine reprot 决策报表内容显示隐藏问题

qq_41720578的博客

08-26

1323

可以超链接当前决策对象自己给自己传参点击的id，自己接受自己的参数id，条件属性控制id和所有数据里那个一样那个变色等。2.通过报表块（有单元格变的按钮）控制报表块（2或者多的图表）（报表块之间传参数这个例子用的当前决策对象）2.1一个指向自己加参数；为了当点击按钮时把参数传回来，在通过条件属性控制点击后给按钮加背景色，字体等。2.2一个指向控制的报表块（有图表的）加参数，为了通过条件属性控制行高来控制显示隐藏。点单元格形态--形态--数据字典--数据查询--数据集--实际值和显示值，即可。