历史版本6 :[通用]JS自动轮播Tab块 返回文档
编辑时间:
内容长度:图片数:目录数:
修改原因:
1. 概述编辑
1.1 应用场景
可以实现 Tab 块自动跳转效果。
1.2 实现思路
通过 showCardByIndex(Number cardID) 可以实现跳转到指定 Tab 块
参数 | 类型 | 说明 |
---|---|---|
cardID | Number | 必填,显示的 Tab 序号,从 0 开始 |
2. 示例编辑
2.1 模板设置
新建决策报表,添加 Tab 块,新增两个 Tab 控件 ,并在 Tab 块中分别拖入图表(便于跳转时区分 Tab 块),如下图所示:
选中 body 块,添加初始化事件,如下图所示:
setInterval(function(){
var aa=_g().getWidgetByName("tabpane0").getShowIndex();
if(aa==2){
_g().getWidgetByName('tabpane0').showCardByIndex(0);
}
else {
_g().getWidgetByName('tabpane0').showCardByIndex(aa+1);
}
},3000);
2.2 移动端效果
将模板添加到决策系统中,在移动端访问该模板,预览效果如下图所示:
3. 模板下载编辑
点击下载模板:通用]JS 跳转指定 Tab 块.frm