[点击行变色]

请问大家:

FRV10/WEB端/决策报表/针对报表块/有冻结  怎么实现点击某单元格该行变色,再次点击该行再恢复原色?

FineReport ran1025 发布于 2023-2-15 08:51 (编辑于 2023-2-15 08:58)
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共4回答
最佳回答
0
shirokoLv6资深互助
发布于2023-2-15 09:12(编辑于 2023-2-15 10:36)

自己以前写的一个

/*点击的新的背景颜色*/

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

setTimeout(function(){

_g().getWidgetByName('REPORT3').$inner.find('tbody>tr[tridx]').click(function() {    

    // if(!$(this).css('background-color'))

    //     $(this).css('background-color','transparent');

    //所在行红色

     if($(this).attr('old-bgcolor')){

            $(this).css('background-color', $(this).attr('old-bgcolor'));

            /*单元格去除原始色*/

            $(this).attr('old-bgcolor','');

     }

     else{

            /*单元格记录原始色*/

            $(this).attr('old-bgcolor', $(this).css('background-color'));

            $(this).css('background-color', background_color);

     }

    });    

},1000);

-------

rgb(255,0,0)改成你的目标颜色

REPORT0_C改成你需要的改的报表块控件名

  • ran1025 ran1025(提问者) 基本可以实现!但是好像需要双击行才能变色/取消变色嘛?
    2023-02-15 09:16 
  • ran1025 ran1025(提问者) 我有冻结行列,这个不太行,谢谢!
    2023-02-15 09:43 
  • shiroko shiroko 回复 ran1025(提问者) 改了一下支持冻结,再试试。
    2023-02-15 10:37 
  • ran1025 ran1025(提问者) 回复 shiroko 我试了一下,有点小问题。感觉这个不太灵敏 经常需要点多次才能取消颜色或者变色
    2023-02-15 11:50 
最佳回答
0
A九Lv5见习互助
发布于2023-2-15 08:54(编辑于 2023-2-15 08:58)

点击事件添加JS

_g().addEffect('highlightRow',{ color: 'red', trigger: 'mousedown', single:false});

最佳回答
0
snrtuemcLv8专家互助
发布于2023-2-15 08:55

10版本估计不行了,有冻结,还要有点击恢复原来颜色,各个扣在关键难点上。。。。

最佳回答
0
YmengLv5中级互助
发布于2023-2-15 09:42

setTimeout(function(){

var color_old;

$(".frozen-center .REPORT1table tr").click(function(){

var color=this.style.background;

if(color!="rgb(255, 0, 0)") {

this.style.background="rgb(255, 0, 0)";

color_old=color;

}

else this.style.background=color_old.length==0?"none":color_old;

})

},500)

REPORT1  rgb(255, 0, 0)根据自己需求修改

  • ran1025 ran1025(提问者) 没有效果呢,谢谢
    2023-02-15 09:49 
  • Ymeng Ymeng 回复 ran1025(提问者) 代码我测试是没问题的,你可以参考代码进行修改
    2023-02-15 09:56 
  • 4关注人数
  • 698浏览人数
  • 最后回答于:2023-2-15 10:36
    请选择关闭问题的原因
    确定 取消
    返回顶部