决策报表指定单元格颜色变化(鼠标移动上去和点击都要变化)

只想要指定单元格颜色变化(比如:只要A1单元格点击或者鼠标移动上去颜色发生变化),其余单元格颜色不变化。设计器是FR11

image.png

FineReport Liu1993 发布于 2022-9-20 02:16 (编辑于 2022-9-20 11:17)
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共3回答
最佳回答
0
congerLv6高级互助
发布于2022-9-20 08:39(编辑于 2022-9-20 16:15)

参考获取单一单元格,并修改颜色

$('td[id*=A1]').css('background-color','rgba(0,0,0,0.6)')

参考JQ

https://blog.csdn.net/qq_38974638/article/details/108348751

v11_鼠标悬浮变色.zip

v11_鼠标悬浮变色_自适应版.zip

自适应样式修改

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

更新于 16点14分

A1变色.gif

旧版

var a1Cell = $('td[id*=A1]')

a1Cell.mouseover(function() {

a1Cell.css('background-color', '#bfa')

});

a1Cell.mouseout(function() {

a1Cell.css('background-color', '#fff')

});

新版

var report0 = _g().getWidgetByName('report0')

report0 .onMouseMoveInCell(function(){

report0 .getCell(1,1).setStyle({

backgroundColor: '#bfa',

border:'1px solid black'

})

})

report0 .onMouseMoveOutCell(function(){

report0 .getCell(1,1).setStyle({

backgroundColor: '#FFF',

border:'1px solid black'

})

})

最佳回答
0
yalinLv6中级互助
发布于2022-9-20 04:49
参考:修改单元格背景接口https://help.fanruan.com/finereport/doc-view-4301.html
  • Liu1993 Liu1993(提问者) 我想只改变具体单元格背景+鼠标点击和覆盖都会变色
    2022-09-20 08:01 
最佳回答
0
weibwLv7高级互助
发布于2022-9-20 08:08
参考https://help.fanruan.com/finereport/doc-view-4349
  • Liu1993 Liu1993(提问者) 这个实现不了只改变具体单元格背景+鼠标点击和覆盖都会变色
    2022-09-20 11:17 
  • 4关注人数
  • 660浏览人数
  • 最后回答于:2022-9-20 16:15
    请选择关闭问题的原因
    确定 取消
    返回顶部