历史版本5 :JS实现隐藏Tab页 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 问题描述编辑

当开启tab轮播时,想隐藏tab块的标题,该如何实现呢?

注:这里是通过js方法来实现tab块隐藏,在设计器9.0且jar包为2018-1-24及之后也可通过调整tabpane控件的大小为0来实现效果,详情请参考: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页签的初始化事件。

222

2.3 效果预览

保存模板,预览效果如下:

222