前のバージョン1 :JSパラメータパネルの表示/非表示設定 Back to Doc
編集時間:
Doc Length:Image Number:Directory Number:
変更理由:
1、场景描述编辑
报表自带的参数面板默认是显示的,如果想隐藏,需要点击参数面板下面的小三角图标,再次显示需要再次点击,显示较为麻烦,于是有客户需求在查看内容时自动隐藏参数面板,在鼠标移动在上面时再次恢复参数面板。
2、实现思路编辑
3、解决方案

代码如下:
$('.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();
})

效果如下:

