JS实现分页预览改变鼠标悬停所在的行列的背景色,字体会变小

使用JS:使用contentPane.makeHighligh,当选择了行后字体都变小了,请问这个怎么解决image.png

试了下用

//contentPane.makeHighlight('#fff4d3','mouseover')

var background_color = "#fff4d3"; //新背景色

var frozen_back_color = new Array();

var back_color = new Array();

var $last_tr;

var i = 0;

$(".x-table tr").bind("mouseenter", function () {

if (typeof($last_tr) != "undefined") {

if (typeof($(this).attr("id")) != "undefined") {

if (typeof($("#content-container #frozen-west").attr("id")) != "undefined") {

$("#content-container #" + $last_tr.attr("id")).each(function () {

$(this).children("td").each(function () {

$(this).css("background-color", frozen_back_color[i][$(this).index()]);

});

i = i + 1;

});

i = 0;

} else {

$last_tr.children("td").each(function () {

$(this).css("background-color", back_color[$(this).index()]);

});

}

frozen_back_color = [];

back_color = [];

}

}

if (typeof($(this).attr("id")) != "undefined") {

if (typeof($("#content-container #frozen-west").attr("id")) != "undefined") {

$("#content-container #" + $(this).attr("id")).each(function () {

frozen_back_color[i] = new Array();

$(this).children("td").each(function () {

frozen_back_color[i][$(this).index()] = $(this).css("background-color");

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

});

i = i + 1;

});

i = 0;

} else {

$(this).children("td").each(function () {

back_color[$(this).index()] = $(this).css("background-color");

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

});

}

}

});

$(".x-table tr").bind("mouseleave", function () {

if (typeof($(this).attr("id")) != "undefined") {

$last_tr = $(this);

}

});

这个也是出现这种情况

FineReport aqiong 发布于 2018-12-25 14:14 (编辑于 2018-12-25 14:22)
1min目标场景问卷 立即参与
回答问题
悬赏:4 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共2回答
最佳回答
5
L大大Lv7高级互助
发布于2020-7-29 08:14

var $lasttd;

var lastcolor;

$('.x-table tr:gt(0) td') .bind("mouseenter", function () {

if($lasttd){

$lasttd.parent().find("td").css('background',lastcolor);

}

lastcolor=$(this).css('background-color');

if(!lastcolor)

lastcolor=$(this).css('background');

$(this).parent().find("td").css('background','yellow');

$lasttd=$(this);

});


将JS代码修改对应如上

最佳回答
0
zsh331Lv8专家互助
发布于2020-7-28 23:33

JS实现鼠标经过/点击单元格/当前行样式改变-https://help.finereport.com/doc-view-1907.html

JS实现决策报表报表块鼠标所在单元格/行的样式-https://help.finereport.com/doc-view-2961.html


楼主:文档是对单元格的样式变化,需求是对所在行,换汤不换药,找到对应的tr标签,稍作修改即可实现!

  • 4关注人数
  • 521浏览人数
  • 最后回答于:2020-7-29 08:14
    请选择关闭问题的原因
    确定 取消
    返回顶部