根据调整大小事件

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调整页面大小。