[ABI 5.1] 如何实现tab标签页自动切换

10572
5

土豆我是马铃薯 数据达人Lv4

发表于2019-11-13 16:16

悬赏100

已解决

楼主
如题所示,怎么实现tab标签页自动进行切换,不需要点击切换。急急急~

最近看过此主题的会员

zhouxm

遗世独立

esen_4XMY0N6IMU

esen_53NRBDQS8T

2533838981

esen_4WAG1BHUPF

Shiloh_Ye

不如相忘

最佳答案

tangmq

发表于2019-11-13 16:16

只看该作者

取消 关注该作者的回复

在内网wiki上翻到一个,试试看
需求介绍:
[size=13.3333px]      报表中tab页组件自动轮换播放,鼠标点击报表或者将鼠标放置报表页面上时,停止轮换,无操作时,自动播放。
功能代码:
  1. var intervalTime = 3000;//tab标签轮换时间间隔
  2. var xtabCtrl = g_rptpage.getWidgetByName('HHH14');
  3. var bodyContainer = xtabCtrl.getBodyContainer();
  4. var container = xtabCtrl.getContainer();
  5. var tabCount = xtabCtrl.getCount();
  6. var i = 0;
  7. var timer = setInterval(function(){    //开启定时器
  8.   if(i<tabCount-1){
  9.     xtabCtrl.setActive(i);
  10.     i++;
  11.   }else {
  12.     xtabCtrl.setActive(i);
  13.     i = 0;
  14.   }
  15. },intervalTime);
  16. container.onmouseover=function(){
  17.   clearInterval(timer);//关闭定时器
  18. }
  19. container.onmouseout=function(){
  20.   i = xtabCtrl.getActiveIndex();
  21.   timer = setInterval(function(){    //开启定时器
  22.     if(i<tabCount-1){
  23.       xtabCtrl.setActive(i);
  24.       i++;
  25.     }else {
  26.       xtabCtrl.setActive(i);
  27.       i = 0;
  28.     }
  29.   },intervalTime);
  30. }
复制代码

测试功能:
[size=13.3333px]    1.是否按指定时间间隔进行轮换
[size=13.3333px]    2.鼠标移动到容器范围内是否停止轮换
[size=13.3333px]    3.鼠标移动到容器外时是否开始轮换
[size=13.3333px]红色边框内为容器区域

5个回答

只看楼主

tangmq 数据达人Lv4

发表于2019-11-13 16:33

只看该作者

取消 关注该作者的回复

沙发

刚好找到一个ABI-酷屏-TAB组件页面之间自动轮播http://bbs.esensoft.com/thread-131071-1-1.html

tangmq 数据达人Lv4

发表于2019-11-13 16:33

只看该作者

取消 关注该作者的回复

板凳

找到一个  ABI-酷屏-TAB组件页面之间自动轮播

土豆我是马铃薯 数据达人Lv4

发表于2019-11-13 16:33

只看该作者

取消 关注该作者的回复

地板

tangmq 发表于 2019-11-13 16:33
刚好找到一个http://bbs.esensoft.com/thread-131071-1-1.html

谢谢啦~不是在酷屏中实现滴

tangmq 数据达人Lv4

发表于2019-11-13 16:16

只看该作者

取消 关注该作者的回复

5#

在内网wiki上翻到一个,试试看
需求介绍:

[size=13.3333px]      报表中tab页组件自动轮换播放,鼠标点击报表或者将鼠标放置报表页面上时,停止轮换,无操作时,自动播放。
功能代码:
  1. var intervalTime = 3000;//tab标签轮换时间间隔
  2. var xtabCtrl = g_rptpage.getWidgetByName('HHH14');
  3. var bodyContainer = xtabCtrl.getBodyContainer();
  4. var container = xtabCtrl.getContainer();
  5. var tabCount = xtabCtrl.getCount();
  6. var i = 0;
  7. var timer = setInterval(function(){    //开启定时器
  8.   if(i<tabCount-1){
  9.     xtabCtrl.setActive(i);
  10.     i++;
  11.   }else {
  12.     xtabCtrl.setActive(i);
  13.     i = 0;
  14.   }
  15. },intervalTime);
  16. container.onmouseover=function(){
  17.   clearInterval(timer);//关闭定时器
  18. }
  19. container.onmouseout=function(){
  20.   i = xtabCtrl.getActiveIndex();
  21.   timer = setInterval(function(){    //开启定时器
  22.     if(i<tabCount-1){
  23.       xtabCtrl.setActive(i);
  24.       i++;
  25.     }else {
  26.       xtabCtrl.setActive(i);
  27.       i = 0;
  28.     }
  29.   },intervalTime);
  30. }
复制代码

测试功能:
[size=13.3333px]    1.是否按指定时间间隔进行轮换
[size=13.3333px]    2.鼠标移动到容器范围内是否停止轮换
[size=13.3333px]    3.鼠标移动到容器外时是否开始轮换
[size=13.3333px]红色边框内为容器区域

土豆我是马铃薯 数据达人Lv4

发表于2019-11-13 17:29

只看该作者

取消 关注该作者的回复

6#

tangmq 发表于 2019-11-13 17:19
在内网wiki上翻到一个,试试看
需求介绍:      报表中tab页组件自动轮换播放,鼠标点击报表或者将鼠标放置 ...

成功啦

登录后可回答问题,请登录注册

快速回复 返回顶部 返回列表

小时

全天响应

分钟

快速处理问题

工程师强势助力

明星产品
解决方案
联系合作

400咨询:400-0011-866

技术支持QQ:400-0011-866(工作日9:00-18:00)

产品建议邮箱yixin@esensoft.com

关注我们

扫TA学习更多干货

一对一专家交流

版权所有© 2006-2024 北京亿信华辰软件有限责任公司 京ICP备07017321号 京公网安备11010802016281号