【frm模板背景色】

请问大家，如何实现以下功能呀？

1、鼠标点击某行有背景色

2、同时当鼠标移动某行也有背景色，且前一步骤点击的变色效果不消失

3、当鼠标再次点击时1的背景色才消失

image.png
FineReport ran1025 发布于 2022-5-17 11:07 （编辑于 2022-5-19 15:50）
1min目标场景问卷 立即参与
回答问题
悬赏：3 F币 + 添加悬赏
举报
提示：增加悬赏、完善问题、追问等操作，可使您的问题被置顶，并向所有关注者发送通知
共4回答
最佳回答
0
CD20160914Lv8专家互助
发布于2022-5-17 13:47

决策报表块随鼠标变色.rar

参考。。。。。
举报 收起评论(7)
  • ran1025 ran1025(提问者) 不是这个效果呢
    2022-05-19 15:50 
  • CD20160914 CD20160914 回复 ran1025(提问者) 不知道你要什么效果了。。。
    2022-05-19 15:54 
  • ran1025 ran1025(提问者) 回复 CD20160914 我补充了问题 你看看呢
    2022-05-19 16:13 
  • CD20160914 CD20160914 回复 ran1025(提问者) 我的文件哪里不满足你的需求了。？我没有看出你最上面补充了什么。。
    2022-05-19 16:15 
  • ran1025 ran1025(提问者) 回复 CD20160914 文件中，当点击后又移动鼠标 ，这个被点击的行就无颜色了。我想实现，点击一行有颜色+鼠标移动至下一行有颜色且上一行颜色不消失+直到点击下一行时，前一被点击的行背景色才消失
    2022-05-19 16:20 
最佳回答
0
赤贫青年Lv4见习互助
发布于2022-5-17 11:10

https://help.fanruan.com/finereport/doc-view-3051.html
举报 收起评论(1)
最佳回答
0
小六Lv4见习互助
发布于2022-5-17 11:11（编辑于 2022-5-17 11:49）

image.png

contentPane.makeHighlight('red'); //使点击的行变成红色

image.png

contentPane.makeHighlight('red','mouseover');//使悬浮变色

setTimeout(function(){

//选择时背景颜色变量

var oldColor = "rgb(255, 255, 255)";

var newColor = "rgb(255, 0, 0)";

$('.x-table tr').click(function(){

//若当前行背景色不是红色时

if($(this).css('background-color') != newColor) {

//当前行背景色变成红色

$(this).css('background', newColor);

//非当前行背景色变成白色

$('.x-table tr').not(this).css('background-color', oldColor);}

});

},10);

image.png
举报 收起评论(1)
最佳回答
0
好好生活好好学习Lv7资深互助
发布于2022-5-17 11:11（编辑于 2022-5-17 11:11）

JS实现鼠标悬浮同时改变多行背景色- FineReport帮助文档 - 全面的报表使用教程和学习资料 (fanruan.com)

JS实现鼠标点击的行变色 - FineReport帮助文档 - 全面的报表使用教程和学习资料 (fanruan.com)
  • 4关注人数
  • 552浏览人数
    • 最后回答于：2022-5-19 15:50
    活动推荐 更多
    热门课程 更多
    请选择关闭问题的原因
    确定 取消
    隐私政策
    帆软用户服务协议
    联系管理员
    联系帆软
    Copyright© 帆软软件有限公司 版权所有
    苏ICP备18065767号
    返回顶部