Android开发

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

本文主要是介绍JS实现点击参数面板按钮显示或隐藏数据,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

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

打开报表

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

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

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

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

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

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

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持找一找教程网!

这篇关于JS实现点击参数面板按钮显示或隐藏数据的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!