决策报表,按钮的点击后按钮的背景变色,如何做

image.png

FineReport 不可爱小羊 发布于 2021-12-15 09:32
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共4回答
最佳回答
0
axingLv6专家互助
发布于2022-6-8 01:49

image.png

最佳回答
0
wengleiLv4初级互助
发布于2021-12-15 09:45(编辑于 2021-12-15 09:56)

点击切换.zip

设置一个参数,根据不同的参数,进行条件属性显示背景颜色

image.png

  • 不可爱小羊 不可爱小羊(提问者) 按钮,你这是按钮吗,
    2021-12-15 10:23 
  • wenglei wenglei 回复 不可爱小羊(提问者) 加点圆角之类的,请问、与按钮有什么区别??
    2021-12-15 10:30 
  • 不可爱小羊 不可爱小羊(提问者) 要实现,点击不同的按钮,页面显示的数据不同 ,你这个我都做过,只能在一个报表块里面才有用。
    2021-12-15 11:03 
  • wenglei wenglei 回复 不可爱小羊(提问者) 你应该把你的问题完善,页面只是展示数据不同,还是样式也不一样
    2021-12-15 11:07 
最佳回答
0
MorsLv5见习互助
发布于2021-12-15 09:46(编辑于 2021-12-15 11:09)

可以看下文档里的 【Tab】

https://help.fanruan.com/finereport/doc-view-633.html

Form14.zip

  • 不可爱小羊 不可爱小羊(提问者) 没看到我说的是按钮吗,你说的我又不是不知道,关键我不要啊,只要按钮
    2021-12-15 10:25 
  • Mors Mors 回复 不可爱小羊(提问者) 有两个按钮 A和B,2个按钮每个都要加点击事件,里面是这个js代码 A就是 $(\'#fr-btn-A\').css(\'background-color\',\'red\'); $(\'#fr-btn-B\').css(\'background-color\',\'grey\'); B就是 $(\'#fr-btn-A\').css(\'background-color\',\'grey\'); $(\'#fr-btn-B\').css(\'background-color\',\'red\'); 把里面的A或B替换成你的控件名称 思路就是 点A变红,B回复成灰 点B变红,A回复成灰
    2021-12-15 10:39 
  • 不可爱小羊 不可爱小羊(提问者) 回复 Mors js报错
    2021-12-15 10:59 
  • Mors Mors 回复 不可爱小羊(提问者) 什么错误,找不到控件吗
    2021-12-15 11:02 
  • Mors Mors 回复 不可爱小羊(提问者) 看我发的附件,这要是还不会就没办法了
    2021-12-15 11:09 
最佳回答
0
快乐星光Lv5中级互助
发布于2021-12-15 12:26(编辑于 2021-12-15 12:29)

按钮控件的控件名称要大写,不然js可能不生效。单个按钮点击背景色变换的js:

var val = this.getValue();

if(val=="按钮1"){

   $('#fr-btn-A1').css('background-color','red');

   this.setValue("按钮1 ");

   var val = this.getValue();

   //alert(val);

}else if(val=="按钮1 "){

   $('#fr-btn-A1').css('background-color','blue');

   this.setValue("按钮1");

   var val = this.getValue();

   //alert(val);

}

你把按钮名字默认为 ‘按钮1’ ,点击后改为‘按钮1 ’,就多一个空格,不影响展示感官。注意区分控件名称和按钮名字:A1是控件名称,按钮1 是按钮名字

  • 5关注人数
  • 926浏览人数
  • 最后回答于:2022-6-8 01:49
    请选择关闭问题的原因
    确定 取消
    返回顶部