sapui5 - 打印 - 计划日历 SAPUI5

Question

我正在尝试打印计划日历，但在 CSS 中作为间隔时间存在问题。

onPrint:function(){ 
  var $domTarget = this.byId("PC1").$()[0],
  sTargetContent = $domTarget.innerHTML,
  sOriginalContent = document.body.innerHTML;
  document.body.innerHTML = sTargetContent;
  window.print();
  document.body.innerHTML = sOriginalContent;
}

打印视图：

普通视图：

标签： sapui5

Answer 1

浏览器在打印时默认删除某些 CSS 属性。最常见的是背景设置，但可能还有其他设置。有一个打印设置可以恢复它。

如果这不起作用，请查看@media=print可以专门为打印添加样式的选项。我不知道 UI5 是否从他们的样式表中为某些媒体排除了某些东西。例如，您可以用图像或其他东西替换背景设置。这可能会强制使用正确的高度/宽度和背景颜色。

我并不是说这会完全解决您的问题，而是比较这两个图像：

编辑：它可能只是工作：