温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

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

发布时间:2020-10-04 04:22:38 来源:脚本之家 阅读:220 作者:老A不折腾 栏目:移动开发

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

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

打开报表

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

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

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

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

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

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

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

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

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

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

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

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

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI