FRM格式的报表如何实现鼠标点击行变色

已测试过普通cpt文件可以实现鼠标单击行变色，但frm格式却不成功

JS实现鼠标点击行变色- FineReport帮助文档 - 全面的报表使用教程和学习资料 (fanruan.com)

更新：使用如下代码，出现下列情况

  1. 最左侧：悬浮为红色，单击为黄色

  2. 中间：悬浮无颜色仅放大字体，单击为黄色

  3. 右侧：悬浮无颜色仅放大字体，单击为黄色

setTimeout(function() {     //选择时背景颜色变量   //鼠标经过 $(".x-table tr").mousemove(function() { //所在行背景色:红色         $(this).css("background","red"); //所在行单元格字体:18px         $(this).find("td").css("font-size","18px"); }); //鼠标点击 $(".x-table tr").mousedown(function() { //所在行背景色:黄色         $(this).find("td").css("background-color","yellow"); //所在行单元格字体:18px                 $(this).find("td").css("font-size","18px"); }); //鼠标离开 $(".x-table tr").mouseout(function() { //所在行背景色:白色         $(this).css("background-color","white"); //所在行单元格字体:12px          $(this).find("td").css("font-size","12px"); }); }, 1000);

image.png
FineReport 帆软用户twSGwiibuR 发布于 2023-8-2 17:52 （编辑于 2023-8-3 11:34）
1min目标场景问卷 立即参与
回答问题
悬赏：3 F币 + 添加悬赏
举报
提示：增加悬赏、完善问题、追问等操作，可使您的问题被置顶，并向所有关注者发送通知
共2回答
最佳回答
0
CD20160914Lv8专家互助
发布于2023-8-2 17:53（编辑于 2023-8-3 11:38）

JS实现鼠标点击的列变色- FineReport帮助文档 - 全面的报表使用教程和学习资料 (fanruan.com)

鼠标点击/悬浮时修改单元格背景接口- FineReport帮助文档 - 全面的报表使用教程和学习资料 (fanruan.com)

image.png

image.png

如果你是FR10的版本，参考下面的修改：颜色即可

setTimeout(function() {

    //选择时背景颜色变量  

//鼠标经过

$(".x-table.REPORT1table tr").mousemove(function() {

//所在行背景色:红色

   if(this.id!="r-0-0"&&this.id!="r-1-0"&&this.id!="r-2-0") {

        $(this).css("background-color","red");   

//所在行单元格字体:18px

        $(this).find("td").css("font-size","18px");

        }

});

//鼠标点击

$(".x-table.REPORT1table tr").mousedown(function() {

//所在行背景色:黄色

  if(this.id!="r-0-0"&&this.id!="r-1-0"&&this.id!="r-2-0") {

        $(this).css("background-color","yellow");

//所在行单元格字体:18px        

        $(this).find("td").css("font-size","18px");

    }

});

//鼠标离开

$(".x-table.REPORT1table tr").mouseout(function() {

//所在行背景色:白色

   if(this.id!="r-0-0"&&this.id!="r-1-0"&&this.id!="r-2-0") {

        $(this).css("background-color","white");

//所在行单元格字体:12px 

        $(this).find("td").css("font-size","12px");

    }

});

}, 1000);
举报 收起评论(4)
  • 帆软用户twSGwiibuR 帆软用户twSGwiibuR(提问者) 因为表头设置有背景色，根据上面代码设置鼠标离开后为白色，就会影响表头颜色了，有没有办法设置颜色为透明呢
    2023-08-03 10:10 
  • CD20160914 CD20160914 回复 帆软用户twSGwiibuR(提问者) 你的表头有几行？
    2023-08-03 10:15 
  • 帆软用户twSGwiibuR 帆软用户twSGwiibuR(提问者) 回复 CD20160914 3行 麻烦大佬再看下我问题的更新，设计器是10，根据10适应的代码，我出现了新问题
    2023-08-03 11:31 
  • CD20160914 CD20160914 回复 帆软用户twSGwiibuR(提问者) 看上面修改的代码
    2023-08-03 11:38 
最佳回答
0
用户k6280494Lv6资深互助
发布于2023-8-2 17:53（编辑于 2023-8-2 17:54）

决策报表里的报表块，点击行变色

image.png
  • 3关注人数
  • 260浏览人数
    • 最后回答于：2023-8-3 11:38
    活动推荐 更多
    热门课程 更多
    请选择关闭问题的原因
    确定 取消
    隐私政策
    帆软用户服务协议
    联系管理员
    联系帆软
    Copyright© 帆软软件有限公司 版权所有
    苏ICP备18065767号
    返回顶部