【帆软FR】窗口变化自适应-JS通用方案

一、场景汇总

• tab切换、反复刷新等操作，导致frm的自适应异常，出现空白块.
• 浏览器缩放，报表块单元格出现多余边框线
• 浏览器窗口发生变化，由于自适应影响图表重新绘制，造成坐标轴显示顺序异常
  

二、解决方案
1、决策报表



参考js：

1. //给表单body添加初始化js事件:
   
2. $(window).resize(function() {
   
3.         var width = FR.windowWidth;
   
4.         var height = FR.windowHeight;
   
5.         var from = _g().getWidgetByName('form')
   
6.         if (form.oriWidth === width && form.oriHeight === height) {
   
7.                 return;
   
8.         }
   
9.         form.oriWidth = width;
   
10.         form.oriHeight = height;
    
11.         form.loadContentPane(true);
    
12. });

复制代码

2、普通报表



参考js：

1. //分页预览添加加载结束事件：
   
2. $(window).resize(function() {
   
3.         window.location.reload()
   
4. });
   
5. //如果还有滚动条，可以加下面这句隐藏
   
6. /*
   
7. setTimeout(function() {
   
8.         $('#content-container').css("overflow", "hidden");
   
9. }, 100)*/

复制代码

三. 额外场景补充

如果决策报表使用了上述js,同时写了报表块滚动的JS，则滚动JS会被上述JS所影响，导致滚动速度在缩放后越来越快，即使添加了清除定时器的语句也不行。解决方案为修改滚动JS，格式如下：

1. setTimeout(function() { //隐藏报表块report0的滚动条（此报表块名为report0，根据具体情况修改）        
   
2.         
   
3.         $("div[widgetname=REPORT1]").find(".frozen-north")[0].style.overflow = "hidden";
   
4.         $("div[widgetname=REPORT1]").find(".frozen-center")[0].style.overflow = "hidden";
   
5. }, 200);
   
6. window.flag = true;
   
7. if (window.interval) {
   
8.         clearInterval(window.interval);
   
9. } //鼠标悬停，滚动停止  
   
10. 
    
11. setTimeout(function() {
    
12.         $("div[widgetname=REPORT1]").find(".frozen-center").mouseover(function() {
    
13.                 window.flag = false;
    
14.         }); //鼠标离开，继续滚动         
    
15.         
    
16.         $("div[widgetname=REPORT1]").find(".frozen-center").mouseleave(function() {
    
17.                 window.flag = true;
    
18.         });
    
19.         var old = -1;
    
20.         if (window.interval) {
    
21.                 clearInterval(window.interval);
    
22.         }
    
23.         window.interval = setInterval(function() {
    
24.                 if (window.flag) {
    
25.                         currentpos = $("div[widgetname=REPORT1]").find(".frozen-center")[0].scrollTop;
    
26.                         if (currentpos == old) {
    
27.                                 $("div[widgetname=REPORT1]").find(".frozen-center")[0].scrollTop = 0;
    
28.                         } else {
    
29.                                 old = currentpos; //以25ms的速度每次滚动1.5PX                  
    
30.                                 
    
31.                                 $("div[widgetname=REPORT1]").find(".frozen-center")[0].scrollTop = currentpos + 1.5;
    
32.                         }
    
33.                 }
    
34.         }, 25);
    
35. }, 1000);
    

复制代码

666！！！

可以

让我康康，感觉发现了不得了的东西

这真的是一个特别实用的js,点赞。。。。。。

优秀

厉害厉害

正遇到这个问题，测试了一下，好用，可以避免这些乱七八糟的问题了

收藏咯

收藏了哦

666

66666666

666呀

纯小白。请问下，这串JS代码加在什么地方使用