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

1. 描述
3. 操作步骤
5. 已完成模板

1. 描述

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

2. 思路

通过js修改参数控件的值，在条件属性中，根据参数值显示或隐藏相应的行。

3. 操作步骤

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

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

/*获取隐藏的标签控件的值*/ 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();

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

B3单元格，添加条件属性，设置行高为0毫米，点击公式，添加公式条件为$label = '隐藏'。