历史版本4 :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控件,添加初始化事件,添加下面的js:
$('div:lt(1)',this.element.parent()).hide();//隐藏tab标题
而在设计器9.0,jar包为2018-1-24及之后,隐藏tab标题的js代码如下:
this.element.parent().hide();
注:是添加到tabpane块组件的初始化事件,不是tab块里面的每个tab页签的初始化事件。
2.3 效果预览
保存模板,预览效果如下: