前のバージョン1 :JSパラメータパネルの表示/非表示設定 Back to Doc
編集時間: Doc Length:Image Number:Directory Number: 変更理由:

Catalog:

1、场景描述编辑

     报表自带的参数面板默认是显示的,如果想隐藏,需要点击参数面板下面的小三角图标,再次显示需要再次点击,显示较为麻烦,于是有客户需求在查看内容时自动隐藏参数面板,在鼠标移动在上面时再次恢复参数面板。

2、实现思路编辑

$('.parameter-container-collapseimg-down').click();//点击参数面板收缩按钮,即隐藏参数面板
$(".parameter-container-collapseimg-up").click()//点击参数面板下拉按钮,即显示参数面板

3、解决方案

打开模板:%FR_HOME%\WebReport\WEB-INF\reportlets\GettingStarted.cpt,添加加载结束事件。

222
代码如下:

$('.fr-horizontalboxlayout').bind('mouseover',function(){ $('.parameter-container-collapseimg-down').click();//鼠标移动到上方时,显示参数面板 }); $('.content-container').bind('mouseover',function(){ $('.parameter-container-collapseimg-up').click();//鼠标进入到主内容页面时,隐藏参数面板 }) 

注:如果不需要鼠标经过主内容,而是点击才隐藏参数面板,可以直接用下面代码就行

$('.fr-horizontalboxlayout').bind('mouseover',function(){ $('.parameter-container-collapseimg-down').click(); }); $('.content-container').bind('click',function(){ $('.parameter-container-collapseimg-up').click(); }) 


222
效果如下: