JS实现点击参数面板按钮显示或隐藏数据
2017-03-08 10:51
671 查看
当报表中列出数据太多时,想通过显示按钮隐藏明细数据只显示统计数据。如下图示例,那么该如何实现呢?本文以FineReport为例,来讲述JS如何实现点击参数面板按钮显示或隐藏数据。
打开报表在参数面板添加一个标签控件,控件名为lable,设置标签控件不可见,控件值为“显示”。
在参数面板添加一个按钮控件,控件名为button,控件值为“只显示合计数据”,并添加点击事件。
编辑点击事件,添加下面的JavaScript代码:
回到报表设计界面,右键B3单元格,添加条件属性,设置行高为0毫米,添加公式条件为$label = '隐藏'。
保存模板,点击分页预览即可看到上图的效果。
打开报表在参数面板添加一个标签控件,控件名为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 = '隐藏'。
保存模板,点击分页预览即可看到上图的效果。
相关文章推荐
- JS实现点击参数面板按钮显示或隐藏数据
- JS实现点击参数面板按钮显示或隐藏数据
- JS实现点击参数面板按钮显示或隐藏数据
- js如何实现点击一个按钮显示一个div,然后该div上有一个按钮,点击此按钮后隐藏,隐藏的同时显示另外一个div,而在次弹出的div也有一个按钮,点击后隐藏.
- js实现点击某个按钮展示或者隐藏tr一行的数据
- 一个窗口里包含一个iframe,点击iframe内的submit按钮,返回的视图总是显示在iframe中,我想要的效果是点击按钮后返回的视图是在浏览器窗口中...?asp.net mvc 的action中,不用js怎么实现??????????
- js 鼠标点击一个按钮显示div的浮动框,点击页面其他任何地方后,隐藏浮动框
- 点击修改按钮,将数据显示在弹层窗口中,利用ajax实现
- js实现的点击超链显示隐藏层
- jQuery点击按钮实现div的隐藏和显示切换效果
- easyUI动态设置显示隐藏折叠按钮(在JS中实现)
- [事件处理] 点击同一按钮实现div的隐藏与显示切换
- view的镜像转换实现,按钮自动隐藏 点击又重新显示
- .netMVC实现当前页多个数据修改,按钮点击分类别显示
- javascript点击按钮实现隐藏显示切换效果
- thinkphp使用js实现点击加载更多后, 底部无刷新加载出新的数据并显示在该页
- jQuery 中的 Ajax 全局事件 当用户点击页面上某一按钮请求数据时,在页面上显示 loading... ,页面加载完成后隐藏
- 在页面中,我们经常看到,一个button按钮,如果属标点击,就会触发一个窗口的显示,如果二次点击并可以隐藏,那么如何通过JAVA配合html来实现这一功能呢?
- 两个单选按钮(一个是,一个否 ),一个div层,实现点击隐藏,显示div
- javascript点击按钮实现隐藏显示切换效果