-
-
TL_ 数据达人Lv4
发表于2018-11-8 10:34
悬赏1
已解决
楼主
在一个容器里面，如何实现多个图表滚动播放，类似亿信社区首页的图片轮播的效果
最近看过此主题的会员
最佳答案
TL_ 发表于 2018-11-13 09:30
那能否通过写js脚本的方式实现呢？
可以用脚本实现
试下这个脚本：
//---------参数配置start---------
//第一个参数是控件id
//第二个参数是轮播间隙时间单位是ms
autoShowSlide('HHH10', 5000);
//-------end----------
function autoShowSlide(block, time) {
var slide = g_rptpage.getWidgetByName(block);
var gocount = slide.getGocount();//步数
//var pagesize = slide.getPagesize();
//var active = slide.getActive();
//暂时只考虑一次翻一页的情况
if (gocount == 1) {
setInterval(function(){
//有子页面且子页面大于1页
var slidelist = slide.slidelist;
if (slidelist != null && slidelist.getSubCount() > 1){
if (slidelist.getActiveIndex() == slidelist.getSubCount() - 1) {
//最后一页调回第一页
//slidelist.setActivePage(0);
slide.setActive(0);
} else {
//slidelist.setActivePage(slidelist.getActiveIndex() + 1);
slide.setActive(slidelist.getActiveIndex() + 1);
}
}
},time);
}
}
10个回答
社区有个demo解析专题，涉及一些轮播功能的实现，可以先看看，社区的轮播跟BI系统应该不一样，那个是前端实现的
http://bbs.esensoft.com/thread-128468-1-1.html 有介绍导航页的轮播
http://bbs.esensoft.com/thread-128325-1-1.html 有介绍表格的轮播
TL_ 发表于 2018-11-13 09:30
那能否通过写js脚本的方式实现呢？
可以用脚本实现
试下这个脚本：
//---------参数配置start---------
//第一个参数是控件id
//第二个参数是轮播间隙时间单位是ms
autoShowSlide('HHH10', 5000);
//-------end----------
function autoShowSlide(block, time) {
var slide = g_rptpage.getWidgetByName(block);
var gocount = slide.getGocount();//步数
//var pagesize = slide.getPagesize();
//var active = slide.getActive();
//暂时只考虑一次翻一页的情况
if (gocount == 1) {
setInterval(function(){
//有子页面且子页面大于1页
var slidelist = slide.slidelist;
if (slidelist != null && slidelist.getSubCount() > 1){
if (slidelist.getActiveIndex() == slidelist.getSubCount() - 1) {
//最后一页调回第一页
//slidelist.setActivePage(0);
slide.setActive(0);
} else {
//slidelist.setActivePage(slidelist.getActiveIndex() + 1);
slide.setActive(slidelist.getActiveIndex() + 1);
}
}
},time);
}
}
