大屏:两个报表快滚动出现横向纵向滚动条,怎么解决?备注:模型->表单报表块自适应属性:浏览器自适应属

备注:模型->表单报表块自适应属性:浏览器自适应属  字体:不自适应;表格:默认
采用决策报表,布局方式:绝对布局 ,缩放逻辑:适应区域;

滚动js代码:

setTimeout(function() {

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

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

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

}, 100);


var flag = true;

//鼠标悬停,滚动停止  

setTimeout(function() {

    $("div[widgetname=REPORT0]").find(".frozen-center").mouseover(function() {

        flag = false;

    });


    //鼠标离开,继续滚动  

    $("div[widgetname=REPORT0]").find(".frozen-center").mouseleave(function() {

        flag = true;

    });


    var old = -1;

    var interval = setInterval(function() {

        if(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的速度每次滚动1.5PX  

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

            }

        }

    }, 25);

}, 3000);

6.jpg


注:设计器jar包时间:2020-08-03



FineReport 用户j4961301 发布于 2020-7-14 09:40 (编辑于 2020-7-14 09:48)
1min目标场景问卷 立即参与
回答问题
悬赏:5 F币 4人赏过 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共3回答
最佳回答
1
luojian0323Lv7资深互助
发布于2020-7-14 10:21(编辑于 2020-7-14 11:01)
setTimeout(function(){  
    $("div[widgetname=REPORT1]").find("#frozen-north")[0].style.overflow="hidden";  
    $("div[widgetname=REPORT1]").find("#frozen-center")[0].style.overflow="hidden";  
    },300);  
    //隐藏报表块REPORT1的滚动条  
window.flag=true;  
setTimeout(function(){     
$("#frozen-center").mouseover(function()    
{    
  window.flag=false;    
  })  
  //鼠标悬停,滚动停止  
$("#frozen-center").mouseleave(function()    
{    
  window.flag=true;    
  })    
  //鼠标离开,继续滚动  
var old=-1;     
var interval=setInterval(function()    
{  
if(window.flag){  
   currentpos=$("#frozen-center")[0].scrollTop;    
   if (currentpos==old){  
    $("#frozen-center")[0].scrollTop=0;  
     }    
   else {    
      old=currentpos;    
      $("#frozen-center")[0].scrollTop=currentpos+1.5;    
        }    
      }  
    },100);  
    //以25ms的速度每次滚动3.5PX  
},1000)

重新给你一段代码,你照着调整一下.我这边是正常

  • 用户j4961301 用户j4961301(提问者) 嗯,截的版本图上传不了,大小受限。版本:FineReport版本 10.0.0 Build#stable-2018.08.04.00.27.48.832
    2020-07-14 10:45 
  • 用户j4961301 用户j4961301(提问者) 我试了,还是不行。
    2020-07-14 14:17 
  • luojian0323 luojian0323 回复 用户j4961301(提问者) 你这样,另存为一下.把另外一个报表块先删掉,看这个报表块的滚动条,是否能正常隐藏.
    2020-07-14 14:27 
  • 用户j4961301 用户j4961301(提问者) 回复 luojian0323 按照你说的这样,滚动条没有了,但是现在有一个不滚动了,现在报这个报错:Cannot read property \'style\' of undifined at eval (eval at (eval at jsonDecode )) 。 两个报表块的js 都一样,只替换了报表块的名字。
    2020-07-14 15:54 
  • luojian0323 luojian0323 回复 用户j4961301(提问者) 无法读取 style 要么报表块名字不对,要么报表块中没有冻结行. 检查一下
    2020-07-14 16:01 
最佳回答
0
韩瀚荣Lv6初级互助
发布于2020-7-14 09:58

点进去报表块中,把列宽行高调低点,应该就可以,还有这个jar包时间有点诡异

  • 用户j4961301 用户j4961301(提问者) 还是不行
    2020-07-14 10:08 
  • 韩瀚荣 韩瀚荣 回复 用户j4961301(提问者) 模板方便上传一下吗
    2020-07-14 10:11 
  • 用户j4961301 用户j4961301(提问者) 银行的项目,内网,usb接口也受保护的,只能拍照,你需要啥,我给你拍
    2020-07-14 10:12 
  • 韩瀚荣 韩瀚荣 回复 用户j4961301(提问者) 1.试一下缩放逻辑调整固定大小 2.检查两个变形的报表块中有没有多的空白行(有内容的单元格在列ABC或行123出会变成灰色),有的话删掉 3.将两个滚动报表块内容直接删除几列或几行,用极限放大思路试一下还有滚动条吗,没有的话就一直跳列宽行高调整到合适为止
    2020-07-14 10:19 
最佳回答
0
用户x4037443Lv5见习互助
发布于2020-7-14 13:39

这是谷歌浏览器吗,是的话试一下 当前全屏页面下鼠标右键后选择 重新加载框架 选项。

  • 用户j4961301 用户j4961301(提问者) 试了,不行
    2020-07-14 14:17 
  • 用户x4037443 用户x4037443 回复 用户j4961301(提问者) 那就是js代码错了,(此报表块名为report0,根据具体情况修改),\'report0\'改成相应的报表块名称了吗?
    2020-07-14 14:25 
  • 5关注人数
  • 954浏览人数
  • 最后回答于:2020-7-14 13:39
    请选择关闭问题的原因
    确定 取消
    返回顶部