我的位置：首页 › 一站式数据分析平台-亿信ABI › 亿信ABI-问题求助 › 酷屏可视化表格怎么添加轮播功能？ ...

[ABI 5.2] 酷屏可视化表格怎么添加轮播功能？

复制链接 | 收藏本帖

10420

: 1924003499 小试身手Lv3

发表于2021-11-9 10:35

悬赏100

已解决

楼主

如标题所示，要在表格中添加轮播功能，用的是酷屏自带的可视化表格，不想用系统组件的轮播表格，在酷屏的脚本能怎么写？有没有实现的方法？

最近看过此主题的会员

最佳答案

: 霸道妹子

发表于2021-11-9 10:35

丨

只看该作者

丨

取消关注该作者的回复

1924003499 发表于 2021-11-9 16:03
参考以下脚本，可实现酷屏可视化表格走马灯功能。
/***
**表格内容自动轮播脚本

QQ空间微信

10个回答

只看楼主

: 霸道妹子小试身手Lv3

发表于2021-11-9 10:47

丨

只看该作者

丨

取消关注该作者的回复

沙发

https://bbs.esensoft.com/thread-137821-1-1.html

这属于自定义组件了，暂时没有针对酷屏可视化表格滚动的脚本，如果有需要就得走定制流程，这里有一个报表中作用的滚动脚本可以作为参考https://bbs.esensoft.com/thread-137793-1-3.html

: 1924003499 小试身手Lv3

发表于2021-11-9 15:57

丨

只看该作者

丨

取消关注该作者的回复

板凳

霸道妹子发表于 2021-11-9 10:47
https://bbs.esensoft.com/thread-137821-1-1.html

这属于自定义组件了，暂时没有针对酷屏可视化表格滚动 ...

试一下用例子的脚本可以实现功能。只要把该网址链接脚本绑定的表格对应的酷屏组件随便绑定一个，就可以实现走马灯功能。https://bbs.esensoft.com/thread-128325-1-1.html

: 1924003499 小试身手Lv3

发表于2021-11-9 16:03

丨

只看该作者

丨

取消关注该作者的回复

地板

参考以下脚本，可实现酷屏可视化表格走马灯功能。
/***
**表格内容自动轮播脚本
**@param tableDom内容滚动的表格，最好是表格的父DIV
**@param visibleHeight 可视区的高度
***/
function autoScrollTable(tableDom, visibleHeight) {
      var marqueesHeight = visibleHeight;
      var stopscroll = false;
      var scrollElem = tableDom;
      var preTop = 0;
      var currentTop = 0;
      var stoptime = 0;
      with (scrollElem) {
            //style.height = parseFloat(marqueesHeight) + "px";
         style.height = 500 + "px";
            style.overflow = 'hidden';
            noWrap = true;
      }
      var scrollUp = function () {
            if (stopscroll) {
                     setTimeout(scrollUp, 50);
                     return;
            }
            currentTop += 1;
            if (currentTop == (marqueesHeight + 1)) {
                     stoptime += 1;
                     currentTop -= 1;
                     if (stoptime == 1) {
                              currentTop = 0;
                              stoptime = 0;
                     }
            } else {
                     preTop = scrollElem.scrollTop;
                     scrollElem.scrollTop += 1;
                     if (preTop == scrollElem.scrollTop) {
                              scrollElem.scrollTop = 0;
                              scrollElem.scrollTop += 1;
                     }
            }
            setTimeout(scrollUp, 50);
      };
      var restartScroll = function () {
            scrollElem.scrollTop = 0;
            setTimeout(scrollUp, 50);
      };
      jQuery(tableDom).hover(function () {
            stopscroll = true;
      }, function () {
            stopscroll = false;
      });
      setTimeout(restartScroll, 2000);
}
autoScrollTable(document.getElementById('GRID2'),document.getElementById("HHH355").clientHeight);