历史版本1 :JS实现点击参数面板按钮显示或隐藏数据 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 问题描述编辑

当报表中列表数据太多时,想通过显示按钮隐藏明细数据只显示统计数据。如下图示例,该如何实现?

222

2. 示例编辑

1)打开报表%FR_HOME%\WebReport\WEB-INF\reportlets\docdoc\Primary\GroupReport\Group_2.cpt。

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

222

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

222

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

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();  

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

222

5)右键B3单元格,添加条件属性,设置行高为0毫米,添加公式条件为$label == '隐藏'

222

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