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

编辑
  • 文档创建者:印然
  • 浏览次数:5570次
  • 编辑次数:10次
  • 最近更新:Kevin-s 于 2019-06-22
  • 1. 问题描述

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

    2. 实现思路

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

    3. 实现步骤

    打开一模板如:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\GettingStarted.cpt模板,点击模板>模板 Web 属性>分页预览设置,选择为该模板单独设置,然后添加加载结束事件,具体 JavaScript 代码如下:

    contentPane.makeHighlight('red'); //使点击的行变成红色

    分页预览模板,当鼠标点击某行时,某行变色。

    如果要实现鼠标滑过改行是改变颜色,JavaScript 语句修改为:

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

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

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


    附件列表


    主题: 二次开发
    标签: 暂无标签 编辑/添加标签
    如果您认为本文档还有待完善,请编辑

    文档内容仅供参考,如果你需要获取更多帮助,付费/准付费客户请咨询帆软技术支持
    关于技术问题,您还可以前往帆软社区,点击顶部搜索框旁边的提问按钮
    若您还有其他非技术类问题,可以联系帆软传说哥(qq:1745114201

    此页面有帮助吗?只是浏览 [ 去社区提问 ]