历史版本6 :JS实现隐藏Tab页 返回文档
编辑时间:
内容长度:图片数:目录数:
修改原因:
1. 问题描述编辑
当开启tab轮播时,想隐藏整个tab块的标题,该如何实现呢?
注:这里是通过js方法来实现tab块隐藏,在设计器9.0且jar包为2018-1-24及之后也可通过调整tabpane控件的大小为0来实现效果,详情请参考:tab布局。
注:若想要隐藏单个tab块标题,可参考:隐藏单个tab标题。
2. 解决方案编辑
2.1 打开模板
打开模板 %FR_HOME%\WebReport\WEB-INF\reportlets\demo\analytics\financial2\生产库存分析.frm
2.2 添加初始化事件
在决策报表右上角属性中,选择tabpane0控件,添加初始化事件。
jar包在2018-1-24之前,所要添加的js如下:
$('div:lt(1)',this.element.parent()).hide();//隐藏tab标题
而jar包为2018-1-24及之后,隐藏tab标题的js代码如下:
this.element.parent().hide();
注:是添加到tabpane块组件的初始化事件,不是tab块里面的每个tab页签的初始化事件。
2.3 效果预览
保存模板,预览效果如下: