reporting - 根据调整大小事件自动缩放仪表板

Question

icCube 的实时仪表板演示显示了随浏览器窗口大小缩放的仪表板。不过，目前，在调整窗口大小后，您必须先刷新浏览器才能看到重新缩放的仪表板。

调整窗口大小后是否可以 - 以及如何 - 自动缩放（因此无需按 F5）？

Answer 1

我的 javascript 开发人员找到了以下解决方案。它并不完美，但它有效：

• 在充当菜单的主仪表板中（使用嵌入式报告小部件），放置一个带有事件 ic3-report-refresh 的操作/按钮
• 使用 CSS 使按钮不可见

• 将以下代码放在主仪表板的 javascript 部分中：

  function consumeEvent( context, event ) {   
  if (event.name == 'ic3-report-after-build') {     
        //resize window
        var delay = (function(){
            var timer = 0;
            return function(callback, ms){
              clearTimeout(timer);
              timer = setTimeout(callback, ms);
            };
          })();
  
  
  $(window).resize(function () {
      delay(function(){
      $(".report-refresh-button").trigger("click");
  }, 500);
  });
  

  }
  }`

效果是当主 html 页面（嵌入主仪表板）的大小发生变化（即 iPad 转动）时，会触发刷新，从而有效地触发 icCube 调整页面大小。

Answer 2

在 5.1.1 版本中，它现在已修复并且可以正常工作。我花了一段时间才让它工作，因为我在主页中引用了不同版本的 jquery (jquery-1.11.2.min.js)。

在我将它更改为 icCube (jquery-1.7.2.min.js) 中的 jquery 版本后，它就可以工作了。

我不知道为什么会这样，但它正在工作，这是最重要的事情。