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

最新推荐文章于 2024-08-26 10:57:16 发布

weixin_30556161

最新推荐文章于 2024-08-26 10:57:16 发布

阅读量6.7k

点赞数

文章标签： javascript java ViewUI

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

版权

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

摘要由CSDN通过智能技术生成

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

打开报表

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

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

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

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30556161

关注关注

0
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

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

01-20

当报表中列出数据太多时，想通过显示按钮隐藏明细数据只显示统计数据。如下图示例，那么该如何实现呢？本文以FineReport为例，来讲述JS如何实现点击参数面板按钮显示或隐藏数据。打开报表在参数面板添加一个标签控件，控件名为lable，设置标签控件不可见，控件值为“显示”。在参数面板添加一个按钮控件，控件名为button，控件值为“只显示合计数据”，并添加点击事件。编辑点击事件，添加下面的JavaScript代码：点击参数面板空白处，将“点击查询前不显示报表内容”属性的勾去掉。回到报表设计界面，右键B3单元格，添加条件属性，设置行高为0毫米，添加公式条件为$label =

FineReport开源报表系统- JS实现动态选择列并查询值

m0_61718658的博客

12-17

692

帆软FineReport成功应用于东城水泥的ERP项目开发。多年来，帆软FineReport报表软件一直致力于探索高效智能的企业资源利用模式，创建帆软大数据决策平台这使得此次项目合作非常顺利。帆软FineReport。

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

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

最新发布

qq_41720578的博客

08-26

410

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

FineReport_特效、动态效果

weixin_41668007的博客

09-11

1384

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

【fineReport】fineReport使用总结

韩丽萍

04-20

4850

前言 finereport是一个特别强大的报表软件，直接连数据库，用sql写出数据集，可以加筛选条件，可以部署生成url…使用总结 1.数据集参数 (1)在sql里直接写参数如果参数为空，在where中不追加，如果不为空追加此条件 (2)在参数面板中出现参数 (3)选择空间类型 2.模板参数

控件的知识点

julia6073的博客

08-10

1497

控件设置值 this.options.write.getWidgetByName("p1").setValue("aaa");//填报 this.options.form.getWidgetByName("p1").setValue("aaa");//决策报表,参数界面 contentPane.getWidgetByName("p1").setValue("aaa");//对于工具栏的按钮，和单元格中的不在同一个框架或者容器，不能简单套用 var Widget = this.options.form.ge

Finereport数据集参数实现动态列报表模板 + 函数JS代码

07-18

在这个“Finereport数据集参数实现动态列报表模板 + 函数JS代码”的资源包中，我们将深入探讨如何利用FineReport的特性来实现动态列报表，并结合JavaScript（JS）代码来优化这一过程。首先，动态列报表的核心在于...

帆软报表插件，显示sql数据集的查询时间。

07-10

在IT行业中，帆软报表（FineReport）是一款广泛使用的报表设计和数据分析工具，它提供了丰富的功能，帮助企业用户高效地处理和展示数据。本话题聚焦于帆软报表的一个特定功能：显示SQL数据集的查询时间。这个特性...

JS实现切换tab显示/隐藏参数面板上的控件

hzp666的博客

03-23

1997

JS实现切换tab显示/隐藏参数面板上的控件目录: 1. 描述 2. 思路 3. 操作步骤 4. 预览效果 5. 已完成模板 1. 描述编辑页签式报表的需求，即需要点击某页签时，参数面板中的部分参数隐藏. 点击标题1，只出现订单ID参数：点击标题0，同时出现订单ID和运货商参数： 2. 思路编辑在body组件上添加初始化后事件，在js...

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

weixin_44854063的博客

03-01

5265

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

前端敏感内容部分隐藏场景实现

qq_37291064的博客

05-21

772

手机中间三位隐藏 var phone = $('#omitphone').text(); var mphone = phone.substr(0, 4) + '***' + phone.substr(7); $('#omitphone').text(mphone); 银行卡后四位显示，后5-8位隐藏，其他前面剩余位数显示 var card = $('#omitcard').text(); var cardlength= card.length; var mcard = card.substr(0,

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

XiaoAGiao16的博客

07-22

3732

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

帆软报表 报表预览显示不全问题

campingmxd的博客

08-04

4318

帆软报表显示不全的问题

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

sjfxnxsr_的博客

12-07

2410

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

【FineReport】--图表

会者定离，一期一祈

04-10

762

制作一张图表使用内置数据库，数据集：select * from 销量柱形图选择柱形图，即可，效果如下：此时，柱形图是没有数据可供显示的，需要设置它的数据来源：预览下样式：实在是很丑，而且它的默认父格是销量，因此每个销量都展示一个柱状图，我的效果是，华东地区一个柱状图，华北地区一个柱状图。进行样式调整：最终效果如下：饼状图合并A3至G25，插入饼状图。设计数据来源和样式：效果图如下：补充除了官方提供的图标外，还可以通过插件商店进行安装：除此之外，也可以在...

帆软使用总结-隐藏或显示列

ask_baidu的博客

01-05

2445

帆软使用总结，隐藏或显示列

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

weixin_34275734的博客

06-03

833

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

FineReport（帆软）根据条件显示和隐藏列数据