1. 程式人生 > >【潤乾報表5】HTML事件--滑鼠移入高亮顯示

【潤乾報表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事件  如下圖:   

  

設定後確認儲存  滑鼠移入移出效果如下圖: