表单中报表块的跑马灯效果与定时刷新的效果有点冲突

表单中报表块的跑马灯每次刷新后,隐藏滚动条就会失效,出现滚动条。


5月13日,报表块使用官方JS跑马灯效果+定时刷新控件,刷新后依然出现滚动条



各位看看问题出在哪里?求指导。



image.png



JS如下,




var supplierNumber = this.options.form.getWidgetByName("supplierNumber").getValue()

var firstSupplierNumber = parseInt(supplierNumber);


setTimeout(function() {  

    //隐藏报表块report0_c的滚动条(此报表块名为report0_c,根据具体情况修改)  

    $("div[widgetname=REPORT0]").find(".frozen-north")[0].style.overflow = "hidden";  

    $("div[widgetname=REPORT0]").find(".frozen-center")[0].style.overflow = "hidden";  

}, 1000);  

  

window.flag = true;  

//鼠标悬停,滚动停止    

setTimeout(function() {  

  

    var old = -1;  

    var interval = setInterval(function() {  

        if(window.flag) {  

            currentpos = $("div[widgetname=REPORT0]").find(".frozen-center")[0].scrollTop;  

            if(currentpos == old) {  

                $("div[widgetname=REPORT0]").find(".frozen-center")[0].scrollTop = 0;  

            } else {  

                old = currentpos;  

                //以25ms的速度每次滚动1PX    

                $("div[widgetname=REPORT0]").find(".frozen-center")[0].scrollTop = currentpos + 1;  

            }  

        }  

    }, 25); 

}, 1000);



var form = this.options.form;  


setInterval(function() {   


form.getWidgetByName('REPORT0').gotoPage(1,"{}",true);

$("div[widgetname=REPORT0]").find(".frozen-north")[0].style.overflow = "hidden";

$("div[widgetname=REPORT0]").find(".frozen-center")[0].style.overflow = "hidden"; 

var lastSupplierNumber = parseInt(_g().options.form.getWidgetByName("report0").element.find("td[id^=A1-]").text());


if (lastSupplierNumber != firstSupplierNumber) {

location.reload();

}


}, 10000); //刷新报表块report0  10s刷新一次



-------------------------------------------------------------5.13




var supplierNumber = this.options.form.getWidgetByName("supplierNumber").getValue()

var firstSupplierNumber = parseInt(supplierNumber);


setTimeout(function() {  

    //隐藏报表块report0_c的滚动条(此报表块名为report0_c,根据具体情况修改)  

    $("div[widgetname=REPORT0]").find(".frozen-north")[0].style.overflow = "hidden";  

    $("div[widgetname=REPORT0]").find(".frozen-center")[0].style.overflow = "hidden";  

console.log(1)

}, 1000);  

  

window.flag = true;  

//鼠标悬停,滚动停止    

setTimeout(function() {  

  

    var old = -1;  

    var interval = setInterval(function() {  

        if(window.flag) {  

            currentpos = $("div[widgetname=REPORT0]").find(".frozen-center")[0].scrollTop;  

            if(currentpos == old) {  

console.log(2)

                $("div[widgetname=REPORT0]").find(".frozen-center")[0].scrollTop = 0;  

            } else {  

                old = currentpos;  

                //以25ms的速度每次滚动1.5PX    

                $("div[widgetname=REPORT0]").find(".frozen-center")[0].scrollTop = currentpos + 1;  

            }  

        }  

    }, 25); 

}, 1000);



var form = this.options.form;  


setInterval(function() {   


setTimeout(function() {  

$("div[widgetname=REPORT0]").find(".frozen-north")[0].style.overflow = "hidden";  

$("div[widgetname=REPORT0]").find(".frozen-center")[0].style.overflow = "hidden";

       form.getWidgetByName('REPORT0').gotoPage(1,"{}",true);

   console.log(3)

}, 50);

var lastSupplierNumber = parseInt(_g().options.form.getWidgetByName("report0").element.find("td[id^=A1-]").text());


if (lastSupplierNumber != firstSupplierNumber) {

console.log(4)

location.reload();

}


}, 10000); //刷新报表块report0  5s刷新一次


woaiji15 发布于 2019-5-8 19:28 (编辑于 2019-5-13 11:01)
1min目标场景问卷 立即参与
回答问题
悬赏:6 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共2回答
最佳回答
0
woaiji15Lv5见习互助
发布于2019-5-16 09:10

放弃了,选择定时刷新页面

最佳回答
0
15310294538Lv2初级互助
发布于2019-5-9 09:02

你只是初始化的时候处理了滚动条效果,在刷新的时候添加同样要添加滚动条处理的效果才行

  • woaiji15 woaiji15(提问者) 你好,感谢回复,这段JS,在form.getWidgetByName(\'REPORT0\').gotoPage(1,\"{}\",true); 下面写了隐藏滚动条的。
    2019-05-13 09:15 
  • 2关注人数
  • 725浏览人数
  • 最后回答于:2019-5-16 09:10
    请选择关闭问题的原因
    确定 取消
    返回顶部