反馈已提交
网络繁忙
在实际项目中,希望当鼠标移动到单元格上时能够突出显示该行,本文介绍的突出显示该行的方式是增加行高,当鼠标移开时恢复行高。实际效果如下图所示:
给当前行增加 「加载结束」 事件,使用 JavaScript 设置当鼠标经过该元素时,当前行高度变成 40,当鼠标从元素上移开时,行高恢复成原来的高度。
打开设计器内置模板:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Primary\DetailReport\Details.cpt
设计器菜单栏「模板>模板 Web 属性>数据分析设置」,添加一个「加载结束」事件,,如下图所示:
JavaScript 代码如下:
$('tr').each(function(){var _height = $(this).height();$(this).mouseover(function(){$(this).height('40');}).mouseout(function(){$(this).height(_height);});});
保存模板,点击分页预览 ,效果如下图所示:
注:不支持移动端。
已完成的模板可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\分页预览JS实例\JS实现分页预览改变鼠标所在行的行高.cpt
点击下载模板:JS实现分页预览改变鼠标所在行的行高.cpt
售前咨询电话
400-811-8890转1
在线技术支持
在线QQ:800049425
热线电话:400-811-8890转2
总裁办24H投诉
热线电话:173-1278-1526
文 档反 馈
鼠标选中内容,快速反馈问题
鼠标选中存在疑惑的内容,即可快速反馈问题,我们将会跟进处理。
不再提示
10s后关闭