［通用］JS自动轮播Tab块

1.1 应用场景

可以实现 Tab 块自动跳转效果。

1.2 实现思路

通过 showCardByIndex(Number cardID) 可以实现跳转到指定 Tab 块

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 移动端效果

将模板添加到决策系统中，在移动端访问该模板，预览效果如下图所示：

点击下载模板：通用］JS 跳转指定 Tab 块.frm