-
UID:838597
-
- 注册时间2015-08-20
- 最后登录2019-04-12
- 在线时间36小时
-
- 发帖62
- 搜Ta的帖子
- 精华0
- 黑豆286
- 威望283
- 贡献值0
- 交易币0
- 红豆0
-
访问TA的空间加好友用道具
- 发帖
- 62
- 黑豆
- 286
- 威望
- 283
- 贡献值
- 0
- 交易币
- 0
- 红豆
- 0
|
当报表中列出数据太多时,想通过显示按钮隐藏明细数据只显示统计数据。如下图示例,那么该如何实现呢?本文以FineReport为例,来讲述JS如何实现点击参数面板按钮显示或隐藏数据。打开报表在参数面板添加一个标签控件,控件名为lable,设置标签控件不可见,控件值为“显示”。在参数面板添加一个按钮控件,控件名为button,控件值为“只显示合计数据”,并添加点击事件。编辑点击事件,添加下面的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();
点击参数面板空白处,将“点击查询前不显示报表内容”属性的勾去掉。回到报表设计界面,右键B3单元格,添加条件属性,设置行高为0毫米,添加公式条件为$label = '隐藏'。保存模板,点击分页预览即可看到上图的效果。
|