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



需求：

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

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

   

    实现如上需求需要单元格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事件  如下图：   

  

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