【润乾报表5】HTML事件--鼠标移入高亮显示

时间:2024-03-13 18:03:00


需求:

     鼠标移入某个单元格时高亮显示该格。(实例报表中同时设有隔行变色)

    下面以润乾报表5自带报表实例【订单.rpx】为例,实现 鼠标移入高亮显示

    【润乾报表5】HTML事件--鼠标移入高亮显示

    实现如上需求需要单元格HTML事件+自定义js方法结合使用,下面我们对A2单元格设置鼠标移入高亮显示

    1.在报表展现界面中定义js方法:

      <script>
           function MIC(cell){
                 cell.style.backgroundColor="red";
           }
         function RMC(cell){
                var row =cell.parentNode.rowIndex;
               if (row%2!=0){
                      cell.style.backgroundColor="rgb(241,245,250)";
                }
              else
                 {cell.style.backgroundColor="";}
        }
    </script>
    注:此代码放在jsp界面最后</script>标签下即可
   2.报表中给A2单元格定义HTML事件  如下图:   

   【润乾报表5】HTML事件--鼠标移入高亮显示

设置后确认保存  鼠标移入移出效果如下图:

     【润乾报表5】HTML事件--鼠标移入高亮显示