JS实现分页预览改变鼠标点击所在行的背景色

目录:

1. 问题描述

在预览模板时,由于数据比较多,希望鼠标点击某行时该行高亮显示,如下图所示,此时要如何实现呢?

2. 实现思路

给模板增加加载结束事件,设置当鼠标点击当前行时,当前行为红色。

3. 实现步骤

打开一模板如:%FR_HOME%\WebReport\WEB-INF\reportlets\GettingStarted.cpt模板,点击模板>模板web属性>分页预览设置,选择为该模板单独设置,然后添加加载结束事件,具体js如下:
contentPane.makeHighlight('red'); //使点击的行变成红色
分页预览模板,当鼠标点击某行时,某行变色。
如果要实现鼠标滑过改行是改变颜色,js语句修改为:
contentPane.makeHighlight('red','mouseover');

如果使用了条件属性中的隔行显示不同的背景色,还要实现鼠标点击该行高亮显示,js语句修改为:

contentPane.makeHighlight('red', '' ,true);

附件列表


主题: 二次开发
标签: 已验证

文档内容仅供参考,如果你需要获取更多帮助,请咨询帆软技术支持
关于技术问题,您还可以通过帆软论坛获取帮助,论坛上有非常多的大神,有些水平比帆软工程师还要高哦。
若您还有其他非技术类问题,可以联系帆软传说哥(微信ID:frbiaoge)