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

最新推荐文章于 2022-11-06 12:46:20 发布
最新推荐文章于 2022-11-06 12:46:20 发布
阅读量322 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fkk1688/article/details/113866094
版权
本文介绍了如何使用JavaScript在FineReport中实现点击参数面板按钮切换数据显示状态。通过添加标签和按钮控件，设置点击事件，以及根据标签值调整报表内容的显示，实现了点击按钮显示或隐藏统计数据的功能。
摘要由CSDN通过智能技术生成

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

打开报表

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

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

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

 

点击(此处)折叠或打开

  1. /*获取隐藏的标签控件的值*/

  2. var label= this.options.form.getWidgetByName("label").ge

最低0.47元/天 解锁文章
fkk1688
关注
JS制作显示隐藏
weixin_57762662的博客
03-08 5712
打开DW按下CTRL+N新建一个HTML文档； 首先我们在body标签里写好两个button（按钮）标签，在button标签里面分别分别写好显示与隐藏两个字，让我们更好的区分，当然我们也要给它们设好两个不同的id名，为我们写JS代码做铺垫； 3. 接下来我在button标签下面新建一个div来做我们要隐藏显示的对象，当然也别忘了也给它一个id，这里我就给它id名叫box； 4. 随后我们创建一个style，然后在里面设置div的样式属性，这里可以自己找个图片来做为隐藏显示对象，我嫌麻..
JSP页面，通过条件判断来决定是否显示相关内容
热门推荐
registerIn1030的博客
11-03 1万+
首先是在 /scripts/images/lingyong.gif"     width="58" height="21" border="0" onclick="sendEmail()" /> 然后在jsp页面中通过一个触发事前来执行，checkbox的触发条件onclick,触发的函数为changeOne()， bgcolor="#edf
hover控制元素的显示和隐藏不生效
m0_47342482的博客
12-17 2467
hover控制元素的显示和隐藏不生效 原因：点击的元素和需要显示隐藏的元素不属于一个父级元素，如果想要hover伪类生效的话，点击的元素和显示隐藏的元素需要属于同一个父级元素。 例如： html部分 <div class="box"> <button class="top">显示div</button> <div class="bottom">我显示了</div> </div> CSS部分 .box{ width:200
JavaScript基础|用原生实现button控制元素隐藏和显示
weixin_44240448的博客
07-21 2557
在网上找不到用if写按键的简单小代码，自己写一个
JS实现点击按钮显示表格数据
syy的博客
11-06 1509
JavaScript实现点击按钮显示表格
js实现点击按钮出现元素，点击其他地方隐藏该元素
weixin_43258896的博客
11-19 7145
首先为控制出现消失的被点击元素添加点击事件，并且使用stopProp()函数防止该元素上的事件冒泡。然后给body添加点击事件，点击时需要消失的元素添加属性display: none;，这样变可以实现点击其他区域该元素消失。 注意几点： 初始display: none;属性需要设置成行内样式，否则会导致element.style.dispaly方法第一次获取不到值而需要点击两次才能看到效果。如果非要设置成外联样式，可以使用window.getComputedStyle(element, [pseudoEl
jsp下拉框事件，点击某项隐藏和显示某单元格 事件（测试通过）
mingwei
05-30 1119
&lt;td align="left" width="17%"&gt;报表名称：&lt;select name="formCode" style="width: 200px;" class="selectTwo" onchange="selectCode(this.options[this.selectedIndex].value);" &gt; &amp
js-仿京东显示隐藏密码
qq_41670147的博客
11-21 1126
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
JS实现点击显示/隐藏
qq_52006379的博客
08-23 5458
JS实现点击显示/隐藏。
Vue中如何实现点击按钮显示内容，点击内容或内容之外的区域隐藏内容
weixin_44747173的博客
01-23 7319
Vue中如何实现点击按钮显示内容，点击内容或内容之外的区域隐藏内容 代码： <template> <div @click="showBox = false" class="box"> <button @click.stop="showBox=true">点击显示内容</button> <div class="box1" v-show="showBox">我是显示的内容</div> <div
【javascript基础——系列10】js中隐藏元素的几种方法以及代码
让程序飞会的博客
05-28 3481
文章目录一、直接隐藏二、表单元素隐藏三、图片类的尺寸设置隐藏四、元素的透明度隐藏五、元素的绝对位置六、vue中的隐藏元素的两种方法对比6.1 v-if6.1.1 原理6.1.2 应用场景6.1.3 优点6.2 v-show6.2.1 原理6.2.2 应用场景6.2.3 优点 一、直接隐藏 display和visibility的设置。 //css中 .test1{ display：none } 或者是 .test{ visibility：hidden } 二、表单元素隐藏 表单元素有： in
html如何到点击按钮显示数字,JS点击按钮显示出点击数写法
weixin_26950847的博客
06-28 2545
实现步骤：1、写一个p标签，指定一个id选择器，输入数字！2、写一个input标签，指定type属性的属性值为button，创建一个按钮，加入onclick事件！3、为p标签和input标签指定相关的CSS样式(可以省略)4、用js创建一个自加的函数，在函数中用document对象的getElementById()方法，选中p标签。5、通过innerHTML获取p标签的内容，实现自加！！实现代码如...
JavaScript实现循环点击按钮弹出对应的数字
sleepwalker_1992的专栏
07-02 4003
问题：循环点击按钮弹出对应的数字&lt;body&gt; &lt;input type="button" value="按钮1"&gt; &lt;input type="button" value="按钮2"&gt; &lt;input type="button" value="按钮3"&gt; &lt;input t
js实现点击某个按钮展示或者隐藏tr一行的数据
夏微凉秋微暖的博客
07-31 3723
页面样式如下： ${(pageNo-1)*pageSize+index.count} ${dat['AW_NAME'] } 0}">
onclick事件实现div的隐藏和显示
qsfwy的专栏
07-24 9999
在IE内( 6 7 都一样) 运行下面代码 ,代码可以从附件里下载 (大家可以看一下 dom结构多么的简单啊) Html代码 &lt;html&gt;    &lt;head&gt;    &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /&gt;    &lt;title&gt;IE BUG -...
帆软报表（finereport）JS实现点击参数面板按钮显示或隐藏数据
最新发布
06-02
要实现点击参数面板按钮显示或隐藏数据，可以使用以下步骤： 1. 在参数面板中添加一个按钮控件。 2. 在报表设计器中打开JS编辑器，编写以下代码： ``` // 获取按钮控件对象 var btn = frui.find("button1"); // ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值