历史版本8 :JS实现分页预览改变鼠标所在行的行高 返回文档
编辑时间:
内容长度:图片数:目录数:
修改原因:
1. 问题描述编辑
有时候因为项目需要,希望当鼠标移动到单元格上时增加行高,鼠标移开时恢复之前的行高。
2. 实现思路编辑
给模板增加加载结束事件,设置当鼠标指针位于元素上方时,当前行高度变成40;当鼠标从元素上移开时,行高恢复成原来的高度。
3. 实现步骤编辑
打开模板如:%FR_HOME%\webapps\webroot\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);});
});