10.0的决策报表鼠标悬浮

决策报表中的报表块固定数据行实现鼠标悬浮变色效果。

如下的第九数据行实现悬浮效果:

image.png

image.png

FineReport 小龙虾条 发布于 2022-7-4 16:55
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共3回答
最佳回答
0
CD20160914Lv8专家互助
发布于2022-7-4 18:01

决策报表固定行变色.rar

只会在这一行才变色。。。其它行不会变色

image.png

  • 小龙虾条 小龙虾条(提问者) 只是在这行数据列向下拓展出来的数据悬浮变色
    2022-07-04 20:01 
  • CD20160914 CD20160914 回复 小龙虾条(提问者) 那就直接把我里面每个判断第9行的去掉。你要从第九行开始。。。。所有的都变色?
    2022-07-04 20:02 
  • 小龙虾条 小龙虾条(提问者) 回复 CD20160914 是的
    2022-07-05 09:15 
  • CD20160914 CD20160914 回复 小龙虾条(提问者) $(\".x-table tr:gt(9)\").mouseover 加到每个的前面。。这个就是移动到第9行开始往下都变色。。。如果你不会。我晚点完善一下
    2022-07-05 09:43 
  • 小龙虾条 小龙虾条(提问者) 回复 CD20160914 谢了,知道你的思路了,使用tr定位到行对吧。不过我的要加上tab页,我先试试,不行的话你在帮下,嘻嘻
    2022-07-05 09:56 
最佳回答
0
snrtuemcLv8专家互助
发布于2022-7-4 16:57

报表块初始化事件

setTimeout(function() {

//选择时背景颜色变量  

//鼠标经过

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

//所在行背景色:红色

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

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

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

});

//鼠标点击

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

//所在行背景色:黄色

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

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

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

});

//鼠标离开

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

//所在行背景色:白色

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

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

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

});

}, 500);

最佳回答
0
linbodingLv6中级互助
发布于2022-7-4 16:57

写条件属性啊,判断row()的值,是就变色

  • 4关注人数
  • 439浏览人数
  • 最后回答于:2022-7-4 18:01
    请选择关闭问题的原因
    确定 取消
    返回顶部