决策报表中,如何设置点击报表块,改变背景颜色和字体颜色(下图为决策报表中的五个报表块)

image.png当点击“培训”报表块,该报表块颜色变为深蓝色,当点击“会议”报表块,会议的背景颜色变为深蓝色,并且字体为白色,同时“培训”报表块恢复浅蓝色 

FineReport zhj156 发布于 2022-6-11 10:53 (编辑于 2022-6-13 11:28)
1min目标场景问卷 立即参与
回答问题
悬赏:5 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共3回答
最佳回答
0
zhj176Lv3见习互助
发布于2022-6-13 11:29

使用CSS样式修改就行,代码:

setTimeout(

    function() {

        $('div[widgetname="A2"]').bind("click", function() {

            $('#A2 tr td:not(:empty)').css({

                "cssText": "background-color:rgb(79,129,189) !important;",

                "color": "white"

            });

        })

    }, 100);

里面的A2就是你的报表块名称;

最佳回答
0
好好生活好好学习Lv7资深互助
发布于2022-6-11 11:01

https://bbs.fanruan.com/wenda/question/107443.html

你可以用超链的动态参数,传参判断背景颜色和字体颜色

  • zhj156 zhj156(提问者) 这个还有些不一样,案例是一个单元格,通过名称来作做超链接的参数,但是我这每个模块都是一个报表,有多个值
    2022-06-11 11:08 
最佳回答
0
snrtuemcLv8专家互助
发布于2022-6-13 11:32(编辑于 2022-6-13 11:33)

参考JS 实现动态选择报表背景色-https://help.fanruan.com/finereport/doc-view-2947.html

这个是实现报表块背景色,你就在报表块点击事件写js代码,点击当前报表块变色,其他变白色

=============

根据报表块名变色

setTimeout(function() {

$("div[widgetname= REPORT0].fr-titlelayout").css("background-color", "LavenderBlush");

}, 200);

  • 4关注人数
  • 1154浏览人数
  • 最后回答于:2022-6-13 11:33
    请选择关闭问题的原因
    确定 取消
    返回顶部