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

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

创新互联自2013年起,是专业互联网技术服务公司,拥有项目成都网站设计、成都网站制作网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元图们做网站,已为上家服务,为图们各地企业和个人服务,联系电话:028-86922220

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

打开报表

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

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

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

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

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

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

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

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

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

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

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

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


当前名称:JS实现点击参数面板按钮显示或隐藏数据
当前链接:http://bzwzjz.com/article/gpoide.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 达州网站设计 自适应网站设计 成都模版网站建设 攀枝花网站设计 成都营销网站制作 定制网站制作 定制网站设计 成都响应式网站建设公司 网站建设开发 网站设计 移动手机网站制作 专业网站设计 成都网站制作 手机网站建设 定制级高端网站建设 成都网站设计 手机网站制作 网站制作 成都网站建设 网站建设公司 四川成都网站制作 成都网站建设