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

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

打开报表

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

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

编辑点击事件，添加下面的JavaScript代码：

点击(此处)折叠或打开

1. /*获取隐藏的标签控件的值*/
   
2. var label= this.options.form.getWidgetByName("label").getValue();
   
3.  
   
4. /*判断标签控件的值*/
   
5. if(label=='显示')
   
6. {
   
7. /*当标签控件的值为显示时，则改为隐藏，并修改按钮名称为显示所有数据*/
   
8. this.options.form.getWidgetByName("label").setValue("隐藏");
   
9. this.options.form.getWidgetByName("button").setValue("显示所有数据");
   
10. }
    
11. else
    
12. {
    
13. /*当标签控件的值不为显示时，则改为显示，并修改按钮名称为只显示合计数据*/
    
14. this.options.form.getWidgetByName("label").setValue("显示");
    
15. this.options.form.getWidgetByName("button").setValue("只显示合计数据");
    
16. }
    
17.  
    
18. /*执行查询*/
    
19. _g().parameterCommit();

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

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

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

来自 “ ITPUB博客 ” ，链接：http://blog.itpub.net/21472864/viewspace-2134895/，如需转载，请注明出处，否则将追究法律责任。

转载于:http://blog.itpub.net/21472864/viewspace-2134895/