鼠标经过单元格改变单元格背景色

润乾报表提供了单元格的背景色属性，可以在设计报表的时候，通过表达式动态为单元格赋值，例如if(row()%2==0,-6750106,-8355712)可以设置不同的行背景色。

、

图一

客户需求：鼠标放在单元格上，可以动态改变单元格的颜色。这就需要借助jquery的功能

步骤一，建立一张简单的网格报表

图二

设置单元格属性html事件，onSelectChange=”ChangeRowColor()”

步骤二，在jsp里定义js

function ChangeRowColor() {

$(“#report1 tr”).mouseover(function() {

$(this).find(“td”).each(function() {

$(this).css(“background-color”, “#CAE9FF”);

});

});

$(“#report1 tr”).mouseout(function() {

$(this).find(“td”).each(function() {

$(this).css(“background-color”,”#FFFFFF”);

});

});

}

引用<script src=”./jquery.js” type=”text/javascript”></script>

步骤三，发布

鼠标在单元格上就会改变其背景色

an>