[ABI 5.2] 如何实现点击按钮切换表格轮播组件的内容?

10773
4

hzm1205 初学数据Lv2

发表于2021-8-24 11:30

悬赏1

已解决

楼主

最近看过此主题的会员

esen_4Y3L5ADO80

chestnut

zhouxm

数据大白

养蚯蚓吃沙漠

cyz1220

ashu0404

v笑向前走

13708085544

liuyj

fenglan

linuo

richardas

果冻出场

ESENSOFT官方技术支持

shaoshl

1240198593

最佳答案
用tab页.有按钮.然后实现tab页的轮播.就可以轮播之后又可以点击按钮查看相应的tab页内容.在报表的编辑区,高级里面添加如下脚本.轮播tab页.记得把代码里面的hhh2改成你的tab页组件名
  1. var intervalTime = 1000;//tab标签轮换时间间隔

  2. var xtabCtrl = g_rptpage.getWidgetByName('HHH2');
  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. }
复制代码

4个回答

只看楼主

果冻出场 数据小白Lv1

发表于2021-8-24 11:30

只看该作者

取消 关注该作者的回复

沙发

用tab页.有按钮.然后实现tab页的轮播.就可以轮播之后又可以点击按钮查看相应的tab页内容.在报表的编辑区,高级里面添加如下脚本.轮播tab页.记得把代码里面的hhh2改成你的tab页组件名

  1. var intervalTime = 1000;//tab标签轮换时间间隔

  2. var xtabCtrl = g_rptpage.getWidgetByName('HHH2');
  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. }
复制代码

hzm1205 初学数据Lv2

发表于2021-8-24 11:44

只看该作者

取消 关注该作者的回复

板凳

果冻出场 发表于 2021-8-24 11:40
用tab页.有按钮.然后实现tab页的轮播.就可以轮播之后又可以点击按钮查看相应的tab页内容.在报表的编辑区,高 ...

好的。
除了这个tab页面还有其他联动的处理方式吗?

shaoshl 小试身手Lv3

发表于2021-8-24 17:02

只看该作者

取消 关注该作者的回复

地板

暂时没想到别的办法

hzm1205 初学数据Lv2

发表于2021-8-25 21:05

只看该作者

取消 关注该作者的回复

5#

shaoshl 发表于 2021-8-24 17:02
暂时没想到别的办法

好的。感谢

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

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

小时

全天响应

分钟

快速处理问题

工程师强势助力

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

400咨询:400-0011-866

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

产品建议邮箱yixin@esensoft.com

关注我们

扫TA学习更多干货

一对一专家交流

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