源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2020-09-01 02:40 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:JS实现点击参数面板按钮显示或隐藏数据
当报表中列出数据太多时,想通过显示按钮隐藏明细数据只显示统计数据。如下图示例,那么该如何实现呢?本文以FineReport为例,来讲述JS如何实现点击参数面板按钮显示或隐藏数据。 [img]http://files.jb51.net/file_images/article/201703/2017030811335421.gif[/img] [b]打开报表[/b] 在参数面板添加一个标签控件,控件名为lable,设置标签控件不可见,控件值为“显示”。 [img]http://files.jb51.net/file_images/article/201703/2017030811335522.png[/img] 在参数面板添加一个按钮控件,控件名为button,控件值为“只显示合计数据”,并添加点击事件。 [img]http://files.jb51.net/file_images/article/201703/2017030811335523.png[/img] 编辑点击事件,添加下面的JavaScript代码: [img]http://files.jb51.net/file_images/article/201703/2017030811335524.png[/img] 点击参数面板空白处,将“点击查询前不显示报表内容”属性的勾去掉。 [img]http://files.jb51.net/file_images/article/201703/2017030811335525.png[/img] 回到报表设计界面,右键B3单元格,添加条件属性,设置行高为0毫米,添加公式条件为$label = '隐藏'。 [img]http://files.jb51.net/file_images/article/201703/2017030811335526.png[/img] 保存模板,点击分页预览即可看到上图的效果。 以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持编程素材网!
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部