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

润乾报表提供了单元格的背景色属性,可以在设计报表的时候,通过表达式动态为单元格赋值,例如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>

热门文章