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

目录:

1. 问题描述

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

2. 实现思路

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

3. 实现步骤

打开模板如:%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Primary\Details.cpt模板,点击模板>模板web属性>分页预览设置,选择为该模板单独设置,然后添加加载结束事件,具体js如下:
$('tr').each(function(){ var _height = $(this).height(); $(this) .mouseover(function(){$(this).height('40');}) .mouseout(function(){$(this).height(_height);}); });


222

附件列表


主题:
标签: 已验证

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