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