帆软报表添加鼠标悬置行提示

冷不防 2022-11-14 14:50 433阅读 0赞

鼠标悬至某行 下划线提示

效果：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2h6cDY2Ng_size_16_color_FFFFFF_t_70][]

代码：

模板 -->  web属性  --> 对应 填报、数据分析等类型 --> 下方添加事件 --> 加载结束

$('.reportPane')\[0\].style.background = "\#182f59";

//var currentcell = contentPane.curLGP.currentTDCell;  
//if (currentcell != undefined) \{  
//var currow = $('.x-table tr')\[contentPane.curLGP.getTDRow(currentcell)\];  
//currow.style.backgroundColor = "\#2f4b69";  
//currow.style.borderStyle = "solid";  
//currow.style.borderWidth = "3px";  
//currow.style.borderColor = "\#3881c6 \#1e4570 \#1e4570 \#3881c6";  
//\};

//鼠标经过  
$(".x-table tr").mousemove(function() \{  
    $(this).css("background-color", "\#2f4b69");  
    $(this).css("border-style", "solid");  
    $(this).css("border-width", "3px");  
    $(this).css("border-color", "\#3881c6 \#1e4570 \#1e4570 \#3881c6");  
\});  
//鼠标点击  
$(".x-table tr").mousedown(function() \{  
    $(this).css("background-color", "\#2f4b69");  
    $(this).css("border-style", "solid");  
    $(this).css("border-width", "3px");  
    $(this).css("border-color", "\#3881c6 \#1e4570 \#1e4570 \#3881c6");  
\});  
//鼠标离开  
$(".x-table tr").mouseout(function() \{  
    var i = $(this).context.rowIndex;  
    $(this).css("border", "none");  
    if (i % 2 == 0) \{  
        $(this).css("background-color", "\#182f5b");  
    \} else \{  
        $(this).css("background-color", "\#0b1f44");  
    \}  
\});

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2h6cDY2Ng_size_16_color_FFFFFF_t_70]: /images/20221022/0cf409a3576541d99abfffc589593f93.png