历史版本9 :JS实现分页预览改变鼠标所在行的行高 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

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