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

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

打开报表

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

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

编辑点击事件,添加下面的JavaScript代码:

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
/*获取隐藏的标签控件的值*/
var label= this.options.form.getWidgetByName("label").getValue();
 
/*判断标签控件的值*/
if(label=='显示')
{
    /*当标签控件的值为显示时,则改为隐藏,并修改按钮名称为显示所有数据*/
    this.options.form.getWidgetByName("label").setValue("隐藏");
    this.options.form.getWidgetByName("button").setValue("显示所有数据");
}
else
{
    /*当标签控件的值不为显示时,则改为显示,并修改按钮名称为只显示合计数据*/
    this.options.form.getWidgetByName("label").setValue("显示");       
    this.options.form.getWidgetByName("button").setValue("只显示合计数据");
}
 
/*执行查询*/
_g().parameterCommit();

点击参数面板空白处,将“点击查询前不显示报表内容”属性的勾去掉。

 

回到报表设计界面,右键B3单元格,添加条件属性,设置行高为0毫米,添加公式条件为$label = '隐藏'。

保存模板,点击分页预览即可看到上图的效果。

 

posted @   每天进步多一点  阅读(942)  评论(0编辑  收藏  举报
编辑推荐:
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· .NET Core 托管堆内存泄露/CPU异常的常见思路
· PostgreSQL 和 SQL Server 在统计信息维护中的关键差异
阅读排行:
· DeepSeek “源神”启动!「GitHub 热点速览」
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· C# 集成 DeepSeek 模型实现 AI 私有化(本地部署与 API 调用教程)
· DeepSeek R1 简明指南:架构、训练、本地部署及硬件要求
· 2 本地部署DeepSeek模型构建本地知识库+联网搜索详细步骤
历史上的今天:
2018-06-26 SET Transaction Isolation Level Read语法的四种情况
点击右上角即可分享
微信分享提示