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

Catalog:

1. 场景描述编辑

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


2. 实现思路编辑

通过添加加载结束事件来实现此功能。
$('.parameter-container-collapseimg-down').click();//点击参数面板收缩按钮，即隐藏参数面板
$(".parameter-container-collapseimg-up").click()//点击参数面板下拉按钮，即显示参数面板

3. 解决方案编辑

打开模板：%FR_HOME%\WebReport\WEB-INF\reportlets\GettingStarted.cpt
点击菜单模板>模板Web属性>分页预览设置，选择为该模板单独设置，添加加载结束事件，如下图所示：

222
js代码如下：

$('.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(); })

4. 其他编辑

如果想实现初始化后隐藏参数面板，js代码如下：

setTimeout(function(){ $('.parameter-container-collapseimg-up').trigger("click"); },100); //点击打开报表100ms后自动收起参数面板