JS实现分页预览改变鼠标所在行的行高

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

    有时候因为项目需要,希望当鼠标移动到单元格上时增加行高,鼠标移开时恢复之前的行高。

    222

    2. 实现思路

    给模板增加加载结束事件,设置当鼠标指针位于元素上方时,当前行高度变成 40;当鼠标从元素上移开时,行高恢复成原来的高度。

    3. 实现步骤

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

    $('tr').each(function(){
    var _height = $(this).height();
    $(this)
    .mouseover(function(){$(this).height('40');})
    .mouseout(function(){$(this).height(_height);});
    });

    222

    附件列表


    主题: 二次开发
    • 有帮助
    • 没帮助
    • 只是浏览